design-md

To automate design system documentation, use this Skill to synthesize project screens and HTML code into a Markdown documentation file. It automatically extracts design tokens and translates them into descriptive language for your web application.

Generating a DESIGN.md file for a web application design system is best handled by automating the extraction of semantic design tokens from your project assets. This Skill formats those tokens into structured Markdown documentation for consistency and future reference.

Yes, you need access to the Stitch MCP Server to generate Markdown design documentation using this Skill. It also requires access to your project-specific design assets to accurately extract and synthesize design tokens.

Yes, you can extract design tokens from existing project screens and HTML code into Markdown. The Skill analyzes your provided design assets and translates the extracted semantic components into descriptive documentation language.

Semantic design system formatting works by analyzing your HTML code and screens to identify design tokens, then structuring them into a standardized Markdown format. This ensures your design documentation maintains consistency across web application components.

Limitations of automating design system documentation include its strict requirement for the Stitch MCP Server and project-specific design assets. It focuses specifically on web applications, so its semantic formatting may not apply to non-web design contexts.