design-md

To generate design documentation, you synthesize Stitch project screen assets, color palettes, and typography data into a formal DESIGN.md file. This creates a single source of truth codifying your visual language and component conventions.

A DESIGN.md file serves as a machine-actionable specification that documents color roles, typography hierarchy, and UI patterns. It provides designer-friendly narrative guidelines ensuring consistency when generating future screens in Stitch.

Yes, you can document color hex codes and typography hierarchy by applying the skill to available screen assets and color themes. It enforces a structured format with accurate tokens and natural-language explanations.

Yes, you need available Stitch project screen assets, color themes, and typography data. The skill analyzes these existing UI patterns to synthesize a repeatable, designer-friendly specification for future screen generation.

The best way to maintain design consistency is codifying your project's visual language into a DESIGN.md guide. This enforces a structured format with accurate design tokens, leveraging Stitch best practices for future prompts.

A narrative specification is needed because it accompanies tokens with natural-language explanations of component conventions. This designer-friendly context ensures new screen generation aligns with the original design language.