Agent skill · design visual · aiskillstore
stitch-ui-design
Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration strategies, and design-to-code workflows for Stitch by Google.
Why this skill is useful
Provides specific techniques and templates for crafting effective prompts in Google Stitch, enhancing the AI's ability to generate tailored UI designs.
What it needs
About 6k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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: Effective prompt: Why it works: Specifies components (modules, progress, feed), layout structure (grid, sidebar), visual style (purple theme, cards), and context (member dashboard). 2. Define Visual Style and Theme Always include color schemes, design aesthetics, and visual direction to avoid generic AI outputs. Components to specify: Color palette (primary colors, accent colors) Design style (minimalist, modern, playful, professional, glassmorphic) Typography preferences (if any) Spacing and density (compact, spacious, balanced) Example: 3. Structure Multi-Screen Flows Clearly For apps with multiple screens, list each screen as bullet points before generation. Approach: Stitch will ask for confirmation before generating multiple screens, ensuring alignment with your vision. 4. Specify Platform and Responsive Behavior Indicate whether the design is for mobile, tablet, desktop, or responsive web. Examples: 5. Include Functional Requirements Describe interactive elements, states, and user flows to generate more complete designs. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/stitch-ui-design