stitch-ui-design
Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.
Profile →npx skills add sickn33/agentic-awesome-skills --skill stitch-ui-design --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Stitch UI Design Prompting Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications. ## What is Google Stitch? Google Stitch is an experimental AI UI generator powered by Gemini 2.5 Flash that transforms text prompts and visual references into functional UI designs. It supports: - Text-to-UI generation from natural language prompts - Image-to-UI conversion from sketches, wireframes, or screenshots - Multi-screen app flows and responsive layouts - Export to HTML/CSS, Figma, and code - Iterative refinement with variants and annotations ## Core Prompting Principles ### 1. Be Specific and Detailed Generic prompts yield generic results. Specific prompts with clear requirements produce tailored, professional designs. **Poor prompt:** ``` Create a dashboard ``` **Effective prompt:** ``` Member dashboard with course modules grid, progress tracking bar, and community feed sidebar using purple theme and card-based layout ``` **Why it works:** Specifies components (modules, progress, feed), layout structure (grid, sid
- What is Google Stitch?
- Core Prompting Principles
- 1. Be Specific and Detailed
- 2. Define Visual Style and Theme
- 3. Structure Multi-Screen Flows Clearly
- 4. Specify Platform and Responsive Behavior
- 5. Include Functional Requirements
- Prompt Structure Template
- Iteration Strategies
- Refine with Annotations
- Generate Variants
- Progressive Refinement
- Common Use Cases
- Landing Pages
What does the stitch-ui-design skill do?
Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill stitch-ui-design --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.