skills.rest
baskarajati
baskarajatiCOMMUNITY
Explore all skills by this author →
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
One-click install
npx skills add https://github.com/baskarajati/undangan --skill design-md-baskarajati
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
JayJihyunKimJayJihyunKim
1

stitch-design

Automates Stitch MCP-driven UI design workflows and generates screens from prompts.

Community
Advanced
braswelljrbraswelljr
8

design-md

Generate DESIGN.md documentation from Stitch project design assets.

Community
Intermediate
Parthivjoshi29Parthivjoshi29

design-md

Analyze Stitch projects to generate a DESIGN.md design system document.

Community
Advanced