What problem does it solve? Maintaining a consistent visual language across all screens in a Stitch project is difficult when design tokens live only in prompts. This Skill establishes a single source of truth by generating a DESIGN.md file, uploading it to Stitch, and applying the resulting design system to existing screens. ## Core Features & Use Cases - Design System Creation: Generate a DESIGN.md from existing screens or a plain-language description, then upload it via a Python script or the upload_design_md MCP tool. - Token Management: Create or update project-level design systems with create_design_system_from_design_md, covering colors, fonts, roundness, and color variants. - Screen Application: Apply a design system to selected screen instances using apply_design_system with correct id and sourceScreen payloads. - Use Case: You describe "dark theme, blue and purple, rounded, Inter font" for a new project; the Skill maps these terms to concrete hex codes and fonts, writes DESIGN.md, uploads it after your confirmation, and registers the design system in Stitch. ## Quick Start Ask the agent to create a Stitch design system for your project from a description like "dark theme with blue accents and Inter font" and apply it to all existing screens.
