design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Install
With your agent
Install OMGSkills skill "google-labs-code/stitch-skills:design-md" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
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
stitch::react-components
Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align...
enhance-prompt
Transforms vague UI ideas into polished, Stitch-optimized prompts.
remotion
Used to generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text...