stitch-design

To turn vague UI ideas into a consistent design system, this Skill enhances rough briefs into professional UI terminology and synthesizes a unified design language source of truth (.stitch/DESIGN.md). It aligns prompts and design-system tokens to enforce consistency across generated screens.

Automated workflow routing for UI design generation intelligently selects between text-to-design, edit-design, and generate-design-md pipelines based on your specific intent. It operates within the Stitch MCP ecosystem to process prompts and manage design assets automatically.

Yes, you can generate HTML and screenshots directly from text-to-design prompts. The Skill manages design assets by downloading the generated HTML and screenshots to your project's .stitch/designs directory for easy reference and developer handoff.

Design system synthesis analyzes your project to produce a .stitch/DESIGN.md source of truth that enforces visual consistency. You need it when turning diverse UI ideas into production-ready interfaces to ensure all generated screens share a unified design language.

Prompt enhancement improves UI design quality by converting rough briefs into professional UI terminology with project-specific design-system context. It validates prompts and applies existing design system tokens to ensure the generated output matches your project's visual language.

When editing existing UI screens through design routing, the process relies heavily on the established .stitch/DESIGN.md tokens. If the design system source of truth is not properly synthesized beforehand, the edit-design pipeline may fail to apply consistent visual language across updates.