Description
design-md is a Stitch skill that analyzes a Stitch design project and writes a DESIGN.md file, a semantic design system that serves as the source of truth for prompting Stitch to generate new screens. The file captures the existing design language so that new screens match it. Stitch interprets design through visual descriptions backed by specific color values, and the skill writes the DESIGN.md in that form. To run it you need access to the Stitch MCP server and a Stitch project with at least one designed screen. The skill uses the MCP server tools to retrieve screen metadata, the HTML and CSS source of each screen and its design assets, and from those it extracts design tokens and visual patterns. Its instructions cast the agent as a design systems lead whose job is to analyze the technical assets and synthesize the design system. The skill also points to Stitch's effective prompting guide for writing good prompts. It is installed with npx skills from the google-labs-code/stitch-skills repository, and its security audits show Gen Agent Trust Hub and Socket passing, with Snyk showing a warning.…
Highlights
- Writes a DESIGN.md design system file
- Reads screens, HTML and CSS through the Stitch MCP server
- Extracts design tokens and visual patterns
- Visual descriptions backed by color values
- Points to Stitch prompting guidance
Ratings & Reviews
No ratings yet
Be the first to rate design-md.
People also visit
design-brief
Parse a structured design brief written in I-Lang protocol format into a
design-md FAQ
What does the skill produce?
A DESIGN.md file that describes the project's design system and serves as the source of truth for prompting Stitch.
What do I need before using it?
Access to the Stitch MCP server and a Stitch project with at least one designed screen.
What does it read from the project?
Screen metadata, the HTML and CSS source of screens, and design assets, retrieved through the MCP server tools.
What does it extract?
Design tokens and visual patterns, written as visual descriptions with color values.
How do I install it?
Run npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md.
What do the security audits show?
Gen Agent Trust Hub and Socket pass, and Snyk shows a warning.
What are the best design-md alternatives?
Popular alternatives to design-md include design-system, design-system and design-brief. See all design-md alternatives