design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Install
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
git clone https://github.com/google-labs-code/stitch-skills /tmp/stitch-skills && ln -s /tmp/stitch-skills/plugins/stitch-utilities/skills/design-md ~/.claude/skills/design-mdFrom README
Stitch DESIGN.md Skill You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named DESIGN.md. Overview This skill helps you create DESIGN.md files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values. Prerequisites Access to the Stitch MCP Server A Stitch project with at least one designed screen Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/ The Goal The DESIGN.md file will serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with the existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.
More from this repo
enhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts.
react:components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
remotion
Used to generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text...