skills.rest
fantay0312
fantay0312COMMUNITY
Explore all skills by this author →
GitHub

design-md

Generate a DESIGN.md documenting design tokens and layout principles from Stitch project assets.

Updated Apr 6, 2026
Search Tags:#typography#design#design-system#design-tokens#color-palette#stitch#design-md
One-click install
npx skills add https://github.com/fantay0312/fantayspec --skill design-md-fantay0312
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/fantay0312/fantayspec/tree/main/shared/skills/skills-all/design-md
Command: npx skills add https://github.com/fantay0312/fantayspec --skill design-md-fantay0312

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch projects often lack a single source of truth for a design system. This skill synthesizes project assets into a DESIGN.md that documents atmosphere, color roles, typography, components, and layout strategies to guide future screen generation.

Core Features & Use Cases

  • Extract design tokens (colors, typography, spacing) from Stitch project assets and metadata.
  • Translate technical values into descriptive, designer-friendly language suitable for design-system documentation.
  • Generate a DESIGN.md file that serves as the source of truth for prompting Stitch-generated screens.

Quick Start

Provide a Stitch project reference and the skill will generate DESIGN.md documenting the project’s design language.

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

Generate a design system document by providing a Stitch project reference to extract design tokens, translate technical values into descriptive language, and output a structured DESIGN.md documenting color roles, typography, and layout principles.

What is the best way to extract design tokens from Stitch projects?▼

The best way to extract design tokens from Stitch projects is using a synthesis tool that analyzes HTML/CSS assets, color theming, and metadata to map technical values into a structured semantic design system document.

Can I translate technical design values into descriptive language for documentation?▼

Yes, you can translate technical design values into descriptive language by synthesizing Stitch project assets, converting raw color tokens and typography metadata into designer-friendly documentation within a DESIGN.md file.

How do I document color roles and typography for Stitch-generated screens?▼

Document color roles and typography by analyzing Stitch project screens and tokens to produce a DESIGN.md that defines the exact color values, atmosphere, and layout strategies needed to prompt future screen generation.

Does generating a DESIGN.md require HTML and CSS assets in my Stitch project?▼

Generating a DESIGN.md requires Stitch projects containing HTML/CSS assets, color theming, and design tokens to properly map the design language and extract the necessary metadata for documentation.

When do I need a semantic design system document for my project?▼

You need a semantic design system document when your Stitch project lacks a single source of truth, requiring structured documentation of atmosphere, components, and layout principles to guide future screen generation.

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

design-md

Synthesize a semantic DESIGN.md from Stitch project data.

Community
Advanced
Ayushman-11Ayushman-11

design-md

Extract design tokens from Stitch projects into DESIGN.md files.

Community
Advanced
vhoangbkvhoangbk

design-md

Analyze Stitch projects and generate DESIGN.md files with semantic design tokens.

Community
Intermediate