design-md

To generate a design system from a Stitch project, use this Skill to analyze project metadata and extract design tokens. It outputs a semantic DESIGN.md file defining colors, typography, and layout principles for consistent screen generation.

A DESIGN.md file codifies a design language by defining color roles, typography, and layout principles. You need one to maintain design consistency and guide prompt-driven screen generation across new Stitch screens.

Extract design tokens from Stitch HTML and CSS by retrieving project metadata and translating colors, typography, and spacing into natural-language design definitions. The Skill automates this token extraction to build a structured design reference.

Yes, this design analysis tool applies to Stitch projects across all design domains. It retrieves project metadata and extracts tokens to produce a DESIGN.md regardless of your specific design context or screen layout.

The best way to maintain design consistency across generated screens is to generate a DESIGN.md file. It codifies your design language into structured definitions that guide Stitch to produce visually aligned new screens.

No, generating a DESIGN.md requires no external dependencies or components. The Skill runs independently to analyze your Stitch project and output the structured design reference document directly.