stitch-ui-design

# 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, 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) ...