stitch-design

To turn vague UI ideas into consistent design system screens, this Skill enhances your rough prompts using design-system context, routing them through Stitch MCP to generate high-fidelity HTML and screenshots locally. It ensures new designs match existing project standards.

To maintain a design system source of truth for Stitch screens, this Skill synthesizes and updates a `.stitch/DESIGN.md` file by analyzing your generated screens. This creates a consistent reference for future UI generation and targeted edits.

Yes, you can edit specific parts of an existing Stitch screen without regenerating the whole layout. The Skill uses workflow routing to distinguish between new prompt-to-design generation and targeted screen editing, applying changes only where needed.

Yes, you need the Stitch MCP tool to generate UI from prompts. The Skill requires Stitch MCP tool routing to process design-system-aware prompt enhancements, generate screens, and download the resulting HTML and screenshots to your local `.stitch/designs` directory.

The best way to download generated Stitch HTML and screenshots locally is through this Skill's asset management feature, which automatically saves output files into a local `.stitch/designs` directory for immediate inspection and iteration.

Generated UI designs become inconsistent with existing project style when lacking a centralized design reference. This Skill solves this by applying design-system-aware prompt enhancement and synthesizing a `.stitch/DESIGN.md` file to guide all future Stitch screen generation.