design-md

To generate design documentation from Stitch project assets, provide the Skill with screen screenshots, HTML source, and project designTheme data. It synthesizes this visual metadata into a structured DESIGN.md file detailing precise color, typography, and layout guidance.

Yes, you can extract a color palette and typography system from Stitch screenshots by analyzing them alongside HTML source and project metadata. The Skill translates these visual elements into a natural language design system narrative for consistent reproduction.

You need screen screenshots, HTML source, and project designTheme data to create a DESIGN.md file. Optional references or assets can also be provided to produce more precise geometry, spacing, and elevation guidance for the design language.

Visual analysis of Stitch metadata works by processing screen screenshots and HTML source to extract semantic design roles. It translates visual properties into a natural language narrative that describes color roles, typography behavior, spacing, and elevation.

The best way to document a product's visual language is to synthesize project assets into a DESIGN.md file. Capturing color roles, typography behavior, and layout geometry creates a reusable source of truth for future screen generation and layout consistency.

A key limitation is that accurate design language extraction depends entirely on having direct access to screen screenshots, HTML source, and project designTheme data. Without these specific Stitch project assets, the Skill cannot generate precise design documentation.