stitch-design-md

What problem does it solve?

This skill analyzes a Stitch project and generates a DESIGN.md that documents the design system's tokens, colors, typography, and components in a human-readable, semantically organized format.

Core Features & Use Cases

• DESIGN generation: Produces DESIGN.md from existing Stitch screens and assets, serving as the single source of truth.
• Token mapping: Extracts color, typography, spacing, and component guidelines into a reusable design token glossary.
• Consistency enablement: Aligns new screens with the project’s design language, ensuring visual coherence across pages.
• Use Case: When starting a new Stitch page, you can reference DESIGN.md to maintain typography scales, color roles, and component styles.

Quick Start

Analyze your Stitch project and run the skill to create DESIGN.md in the project root, then review the document for design system consistency.