design-md

Generate a DESIGN.md documenting semantic design tokens from Stitch project assets.

Updated Feb 20, 2026

Search Tags:#design #architecture #synthesis #tokens #design-system #stitch

Ready to run

npx skills add https://github.com/SecuVortex/Sanvi-Mahila-Jan-Seva-Sansthan --skill design-md-secuvortex

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/SecuVortex/Sanvi-Mahila-Jan-Seva-Sansthan/tree/main/.agent/skills/design-md
Command: npx skills add https://github.com/SecuVortex/Sanvi-Mahila-Jan-Seva-Sansthan --skill design-md-secuvortex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch projects often lack a cohesive design-system narrative, making it difficult to onboard teams and maintain consistency across new screens. This skill generates a DESIGN.md that documents the semantic design language and design tokens used by a project.

Core Features & Use Cases

Synthesizes screen-level tokens (colors, typography, spacing) into a structured DESIGN.md.
Translates technical CSS/Tailwind values into designer-friendly language to guide Stitch prompts.
Use Case: when starting a new Stitch screen, generate a DESIGN.md that aligns with the project’s existing design language and tokens.

Quick Start

Analyze a Stitch project and generate a DESIGN.md that documents its semantic design system.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a design system document from Stitch project tokens?▼

To generate a design system document from Stitch project tokens, synthesize screen metadata, colors, typography, and spacing into a DESIGN.md file. This codifies the project's design language into a single source of truth for team onboarding and consistency.

What is the best way to document design tokens for new Stitch screens?▼

The best way to document design tokens for new Stitch screens is to extract color, typography, and spacing values and translate them into a semantic DESIGN.md. This translates technical CSS and Tailwind values into designer-friendly language to guide future screen generation.

Can I use design-md to extract semantic design language from existing Stitch MCP outputs?▼

Yes, you can use it to extract semantic design language from existing Stitch MCP outputs. The process requires accessible screen metadata and token data to successfully synthesize the project's design system into a structured document.

Do I need accessible screen metadata to codify a design language in DESIGN.md?▼

Yes, accessible screen metadata is required to codify a design language in DESIGN.md. The synthesis process depends on extracting color, typography, and spacing tokens from these accessible Stitch project assets to generate an accurate design-system narrative.

Why does my Stitch project lack a cohesive design-system narrative for team onboarding?▼

Your Stitch project lacks a cohesive design-system narrative because technical token values are not translated into designer-friendly language. Generating a DESIGN.md structures these screen-level tokens into a semantic document that maintains consistency and guides onboarding.

When should I update my design system documentation for a Stitch project?▼

You should update your design system documentation when starting a new Stitch screen or modifying existing design tokens. Generating an updated DESIGN.md ensures the new screens align with the project’s established semantic design language and technical token values.