skills.rest
mthang1801
mthang1801COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

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

Updated Aug 27, 2026
Search Tags:#documentation#design-system#stitch#token-extraction#design-translation#design-md#design-pipeline
One-click install
npx skills add https://github.com/mthang1801/go-domain-driven-design --skill design-md-mthang1801
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/mthang1801/go-domain-driven-design/tree/main/.claude/skills/design-md
Command: npx skills add https://github.com/mthang1801/go-domain-driven-design --skill design-md-mthang1801

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams translate Stitch project data into a cohesive DESIGN.md design system document, ensuring consistent design language across screens and artifacts.

Core Features & Use Cases

  • Retrieve project metadata and screen assets from Stitch MCP to inform a semantic design system.
  • Extract design tokens (colors, typography, spacing) and translate technical values into human-friendly design language.
  • Generate a complete DESIGN.md in a standardized format that guides future screen generation and design alignment.

Quick Start

Provide a Stitch project URL and run the skill to generate DESIGN.md.

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 assets?▼

The skill retrieves Stitch project metadata, extracts design tokens like colors and typography, and synthesizes them into a standardized DESIGN.md. It translates technical values into human-friendly design language to guide future screen generation.

Can I extract design tokens from Stitch screens and HTML/CSS references?▼

Yes, you can extract design tokens from Stitch screens and HTML/CSS references. The process retrieves project assets, identifies color, typography, and spacing values, and translates them into a standardized semantic format for your DESIGN.md file.

Does the design-md pipeline require a specific Stitch project structure?▼

It works with Stitch projects containing screens, HTML/CSS references, and design tokens. Projects need these assets to support the end-to-end workflow of retrieval, extraction, translation, and synthesis aligned with Stitch prompts and color guidelines.

What's the best way to translate technical design values into human-friendly design language?▼

Use the Stitch pipeline's translation workflow to convert raw design token values into human-friendly semantic descriptions. This aligns extracted colors and typography with Stitch prompts and color guidelines within a structured DESIGN.md format.

How do I align future screen generation with existing Stitch color guidelines and design metadata?▼

Generate a DESIGN.md file capturing extracted tokens and translated semantic rules aligned with Stitch color guidelines. This standardized document serves as a reference ensuring consistent design language and metadata alignment across future screen generation.

Related Skills

Explore More Design & Creative Skills→
Chris-MaskeyChris-Maskey

design-md

Analyze Stitch project screens and synthesize a semantic DESIGN.md file.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
bdarcusbdarcus
1

design-md

Synthesize a semantic DESIGN.md from Stitch project assets.

Community
Advanced
huangzidahuangzida
2

design-md

Generate a DESIGN.md semantic design document from Stitch project data.

Community
Advanced