skills.rest
lucasromanh
lucasromanhCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Extract design tokens from Stitch projects and generate a DESIGN.md file.

Updated Feb 9, 2026
Search Tags:#typography#design-system#color-palette#stitch#token-extraction#design-md
One-click install
npx skills add https://github.com/lucasromanh/Voces-Cafayate --skill design-md-lucasromanh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/lucasromanh/Voces-Cafayate/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/lucasromanh/Voces-Cafayate --skill design-md-lucasromanh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams translate Stitch project assets into a formal DESIGN.md design-system document, enabling consistent screen generation and faster handoffs.

Core Features & Use Cases

  • Retrieve Stitch project and screen metadata (HTML/CSS, color data) via the Stitch MCP Server.
  • Extract design tokens (colors, typography, spacing) and component patterns from assets to populate a DESIGN.md.
  • Generate a human-readable DESIGN.md that acts as the authoritative reference for prompting Stitch to design new screens in the same style.

Quick Start

Analyze a Stitch project and generate a DESIGN.md that documents its 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 extract design tokens from a Stitch project?▼

A DESIGN.md file acts as the source of truth for prompting Stitch to generate new screens with consistent design language. It documents atmosphere, color roles, typography, components, and layout guidance extracted from existing project assets.

How do I create a design system document for consistent screen generation?▼

You can create a design system document by analyzing Stitch project assets to extract visual design language patterns. This generates a human-readable DESIGN.md that serves as an authoritative reference for maintaining consistent styling across new screens.

Can I use Stitch MCP Server data to document color roles and typography?▼

Yes, you can use Stitch MCP Server data to validate and document complete design system components. It provides the project metadata and color tokens needed to populate color roles, typography rules, and layout guidance within a formal reference document.

Do I need a Stitch project to generate a design system reference?▼

Generating a DESIGN.md is best suited for teams needing formal design system documentation to enable consistent screen generation and faster handoffs. If your project lacks established visual assets, there is no design language to extract or synthesize.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
mishahaninmishahanin
10

burst

Generate multiple content variations across tone, structure, lens, and length.

Community
Intermediate
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
Jainam1673Jainam1673

ui-ux-pro-max

Extract UI/UX design patterns and guidelines from a centralized knowledge base.

Community
Advanced