stitch::manage-design-system

Topics in the source

• Design-System
• 📥 Retrieval
• 🧠 Synthesis from Description
• 📝 Output Structure
• 🚀 Create or Update Design System in Stitch
• 🎨 Apply Design System to Screens
• 📋 Update Project Metadata
• Schema Reference

Create a "source of truth" for your project's design language to ensure consistency across all future screens. [!NOTE] Refer to your system prompt for instruction on handling MCP tool prefixes for all tools mentioned in this skill (e.g., getscreen, createdesignsystemfromdesignmd, applydesignsystem). To analyze a Stitch project, you must retrieve metadata and assets using the Stitch MCP tools: 1. Project lookup: Use listprojects to find the target projectId. 2. Screen lookup: Use listscreens for that projectId to find representative screens (e.g., "Home", "Main Dashboard"). 3. Metadata fetch: Call getscreen for the target screen to get screenshot.downloadUrl and htmlCode.downloadUrl. 4. Asset download: Use readurlcontent to fetch the HTML code. If you need to extract a design system from existing screens, use the design-md skill (in the stitch-utilities plugin). If there are no existing screens (new project), or the user provides a direct description (e.g., "dark theme, blue and purple, rounded, Inter font"): 1. Map the user's vague terms to precise values using the design mappings (see design-md skill in stitch-utilities or generate-design skill). 2. Select concrete hex codes, font

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