stitch-design-md

To generate design system documentation from Stitch assets, you need a skill that analyzes your Stitch project's screens and metadata, then outputs a comprehensive DESIGN.md file codifying tokens, colors, typography, and components.

A DESIGN.md file serves as a human-readable, semantic single source of truth for UI documentation, defining color palettes, typography guidelines, and component usage notes to maintain visual coherence across new pages.

You can extract design tokens from a Stitch MCP project by running an automated analysis on your project's screen metadata and design assets, which maps colors, typography, and spacing into a reusable glossary.

Yes, you need access to a Stitch MCP server to download and parse the screen metadata and design assets required to automatically generate a comprehensive DESIGN.md file for your project.

Yes, you can analyze existing Stitch screens to produce a DESIGN.md that codifies your design language, ensuring that any new pages align with established typography scales, color roles, and component styles.

Automated design token extraction requires a Stitch MCP-driven project with at least one screen and existing design assets; without these inputs, the skill cannot parse or generate the DESIGN.md documentation.