Summary
If you're working with Google Stitch and need to maintain design consistency across screens, this analyzes your existing Stitch projects and generates a DESIGN.md file that captures your visual language in natural, descriptive terms. It pulls screen metadata, downloads HTML/CSS assets, and translates technical Tailwind classes into designer-friendly descriptions like "Ocean-deep Cerulean (#0077B6)" instead of just hex codes. The real value is creating a semantic design system that you can reference when prompting Stitch to generate new screens that actually match your existing aesthetic. Saves you from the usual problem of new AI-generated screens that look completely different from what you already built.
Install to Claude Code
npx -y skills add google-labs-code/stitch-skills --skill design-md --agent claude-codeInstalls into .claude/skills of the current project.
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Files
SKILL.md
Select a file.
Featured
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Categories
