Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
The Stitch Design skill provides a unified platform for users to generate high-fidelity, professional UI/UX designs through the Stitch MCP server. It bridges the gap between vague ideas and precise design specifications by focusing on prompt enhancement, design system synthesis, and screen generation/editing. This skill automates and streamlines the design process by ensuring that every design adheres to an established visual language and design system, offering consistency and quality for every project. It enhances the user experience by transforming rough ideas into structured, actionable prompts and leveraging the Stitch MCP server for creation and refinement of design assets.
The Stitch Design skill helps users generate high-fidelity, consistent, and professional UI designs by enhancing prompts, synthesizing design systems, and automating workflows for screen generation and editing.
The Stitch Design skill supports the following tools: StitchMCP, Read, and Write.
The skill automatically checks for an existing .stitch/DESIGN.md file and incorporates its tokens (such as colors and typography). If the file is not found, it suggests using the 'generate-design-md' workflow to create one.
Yes, you can edit existing screens using the 'edit-design' workflow, which is specifically designed for targeted adjustments to existing designs.
The skill requires an existing project ID and design system context to operate optimally. It also depends on the Stitch MCP server and associated tools to perform design generation and editing tasks.
Quick Setup:
.claude/skills/Repository
google-labs-code/stitch-skills