Claude MarketplacesSubmit
google-labs-code avatar

Stitch Design

google-labs-code/stitch-skillsOfficial

If you're working with Stitch MCP for UI design but finding yourself stuck translating vague ideas into the specific prompts it needs, this bridges that gap nicely. It takes rough concepts like "make a nice dashboard" and transforms them into structured prompts with proper UI/UX terminology, design system tokens, and atmospheric descriptors that Stitch actually understands. It also generates .stitch/DESIGN.md files by analyzing your existing screens to create a design system source of truth, and automatically downloads generated HTML and screenshots to keep everything organized. The prompt enhancement pipeline alone saves you from the trial-and-error of figuring out what keywords actually work with the generator.

skills.sh installs
25.1K
GitHub stars
8.7K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add google-labs-code/stitch-skills --skill stitch-design --agent claude-code

Installs into .claude/skills of the current project.

Files

If you're working with Stitch MCP for UI design but finding yourself stuck translating vague ideas into the specific prompts it needs, this bridges that gap nicely. It takes rough concepts like "make a nice dashboard" and transforms them into structured prompts with proper UI/UX terminology, design system tokens, and atmospheric descriptors that Stitch actually understands. It also generates .stitch/DESIGN.md files by analyzing your existing screens to create a design system source of truth, and automatically downloads generated HTML and screenshots to keep everything organized. The prompt enhancement pipeline alone saves you from the trial-and-error of figuring out what keywords actually work with the generator.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/google-labs-code/stitch-skills
Categories
AI & Agent Building, Design & UI/UX, CLI & Terminal

More from google-labs-code/stitch-skills

All 8

Recommended

More AI & Agent Building
1vercel avatarnext-dev-loopvercel/next.jsVerify Next.js runtime behavior after editing app code. Use this skill to confirm a change actually works in a running app — not just that it compiles or type-c24.8Kskills.sh installs
2clickhouse avatarclickhouse-best-practicesclickhouse/agent-skillsMUST USE when reviewing ClickHouse schemas, queries, or configurations. Contains 31 rules that MUST be checked before providing recommendations. Always read rel22.7Kskills.sh installs
3tavily-ai avatartavily-best-practicestavily-ai/skillsBuild production-ready Tavily integrations with best practices baked in. Reference documentation for developers using coding assistants (Claude Code, Cursor, et21.5Kskills.sh installs
4modelstudioai avatarbailian-climodelstudioai/cli阿里云百炼 / Aliyun Bailian / DashScope 资源管理与 `bl` CLI hub： 应用调用（bl app）、应用记忆、知识库检索、模型目录/模型列表、用量/额度/配额、免费额度、 工作空间、MCP 市场、pipeline、文件上传、console API、登录鉴权与配置、 Agent ski18.9Kskills.sh installs
5tavily-ai avatartavily-clitavily-ai/skillsWeb search, content extraction, crawling, and deep research via the Tavily CLI. Use this skill whenever the user wants to search the web, find articles, researc18.4Kskills.sh installs
6rebelytics avatartask-observerrebelytics/one-skill-to-rule-them-allMonitors task execution for skill improvement opportunities. Use this skill during ANY multi-step task, agentic workflow, or substantive work session where the 17.8Kskills.sh installs