design-md-generator

Generate a design system document by running a guided Q&A that walks through the nine Stitch DESIGN.md sections, producing concrete content for colors, typography, and components rather than placeholders. The tool then writes the formatted file and updates project metadata for agent-driven UI generation.

A Stitch-format DESIGN.md is a machine-readable design system document covering nine sections that define UI rules. You need one when bootstrapping a frontend, reverse-documenting an existing interface, or standardizing agent prompts to prevent visual drift in generated UI.

Yes, community clone mode starts from a curated DESIGN.md and customizes it for your specific project. This approach accelerates setup by adapting an existing design system to match your visual rules without starting from scratch.

To make AI agents read your design system, the generator updates project metadata and agent instruction files like Copilot pointers after writing the DESIGN.md. This ensures Claude or other agents load the visual rules before producing any UI components.

The generated DESIGN.md defines framework-agnostic visual rules including colors, typography, spacing, and components. While it uses the Stitch format, the documented design system can guide UI generation across various frontend frameworks and styling approaches.

The guided Q&A produces structured content for the nine Stitch sections, but documenting an existing interface requires you to manually identify and input current visual rules. The tool does not automatically scan or extract styles from live code or rendered components.