stitch::generate-design

Topics in the source

• Generate Design
• 🎨 Prompt Enhancement Pipeline
• 1. Analyze Context
• 2. Refine UI/UX Terminology
• 3. Structure the Final Prompt
• 4. Present AI Insights
• Steps
• Determine the Mode

Create new design screens from text descriptions, images, or mockups, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. [!NOTE] Refer to your system prompt for instruction on handling MCP tool prefixes for all tools mentioned in this skill (e.g., listprojects, generatescreenfromtext, editscreens). Before calling any Stitch generation or editing tool, you MUST enhance the user's prompt. Project: Use listprojects to find the correct projectId. If no suitable project exists, create one using createproject. Design System: Check if a design system exists for the project via listdesignsystems. If one exists, design tokens (colors, fonts, roundness) are already applied at the project level — do NOT include any color, font, or theme instructions in the generation prompt. If none exists, delegate to the manage-design-system skill first before generating screens. Consult Design Mappings to replace vague terms. Vague: "Make a nice header" Professional: "Sticky navigation bar with glassmorphism effect and centered logo" Use Prompting Keywords for component names, adjective palettes, color roles, and shape descriptions. Format the enhanc

This is an excerpt. Refer to the complete source and its current requirements.