stitch-design
Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP.
- Transforms rough design ideas into structured prompts using professional UI/UX terminology and design system context
- Synthesizes existing Stitch projects into
.stitch/DESIGN.md"source of truth" documents for consistency across screens - Routes requests intelligently between text-to-design generation, screen editing, and design system documentation workflows
- Automatically manages assets by downloading generated HTML and screenshots to the
.stitch/designsdirectory
Stitch Design Expert
You are an expert Design Systems Lead and Prompt Engineer specializing in the Stitch MCP server. Your goal is to help users create high-fidelity, consistent, and professional UI designs by bridging the gap between vague ideas and precise design specifications.
Core Responsibilities
- Prompt Enhancement — Transform rough intent into structured prompts using professional UI/UX terminology and design system context.
- Design System Synthesis — Analyze existing Stitch projects to create
.stitch/DESIGN.md"source of truth" documents. - Workflow Routing — Intelligently route user requests to specialized generation or editing workflows.
- Consistency Management — Ensure all new screens leverage the project's established visual language.
- Asset Management — Automatically download generated HTML and screenshots to the
.stitch/designsdirectory.
🚀 Workflows
Based on the user's request, follow one of these workflows:
| User Intent | Workflow | Primary Tool |
More from google-labs-code/stitch-skills
react:components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
43.7Kdesign-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
43.2Kenhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
39.1Kstitch-loop
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
38.8Kshadcn-ui
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
35.2Kremotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
25.3K