Verified:GitHub

design-md

Generate a DESIGN.md design system document from a Stitch project.

Updated Jan 2, 2026

Search Tags:#design-system #design-automation #md-generation #stitch #design-documents #design-analysis #token-extraction

Ready to run

npx skills add https://github.com/baskarajati/undangan --skill design-md-baskarajati

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/baskarajati/undangan/tree/main/.agent/skills/design-md
Command: npx skills add https://github.com/baskarajati/undangan --skill design-md-baskarajati

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of a DESIGN.md by analyzing Stitch projects to distill a semantic design system that matches the project's existing design language.

Core Features & Use Cases

Retrieve project metadata, screen assets, and design tokens from Stitch MCP to inform a DESIGN.md generation.
Translate technical values (colors, typography, spacing, components) into designer-friendly language and structure.
Generate a canonical DESIGN.md that serves as the "source of truth" for prompting Stitch to produce consistent screens and iterations.
Use cases include onboarding a new design system for a Stitch project, documenting evolved design tokens, and archiving design decisions.

Quick Start

Provide the Stitch project URL or ID and, if needed, a target screen, and I will generate a DESIGN.md describing the 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 a Stitch project?▼

You can generate a design system document by providing a Stitch project URL or ID, which retrieves metadata and design tokens to synthesize a canonical DESIGN.md serving as the source of truth for future iterations.

What is a DESIGN.md file used for in design automation?▼

A DESIGN.md file is used to distill a semantic design system into a source of truth. It translates technical values into designer-friendly language, ensuring consistent screen generation and documenting evolved design tokens.

How do I extract design tokens from my Stitch project screens?▼

You extract design tokens from Stitch screens by providing the project URL or ID. The system retrieves technical values like colors, typography, and spacing, translating them into a structured, designer-friendly markdown format.

Can I document evolved design tokens for an existing Stitch project?▼

Yes, you can document evolved design tokens for existing Stitch projects. The system analyzes current project assets and metadata, translating updated technical values into a canonical DESIGN.md that archives your latest design decisions.

Do I need a specific screen target to create a design system document?▼

You do not need a specific screen target to create a design system document, though providing one is supported if needed. The minimum requirement is the Stitch project URL or ID to retrieve metadata and generate the file.

Why use a structured markdown file for Stitch design automation?▼

Use a structured markdown file for Stitch design automation to establish a source of truth for prompting. It translates technical component values into actionable prompts, ensuring future generated screens match your existing design language.