design-md

Synthesize a semantic DESIGN.md from Stitch project assets.

1|Updated Feb 2, 2026

Search Tags:#design #documentation #design-system #prompting #design-tokens #stitch #semantic-design

Ready to run

npx skills add https://github.com/bdarcus/style-hub --skill design-md-bdarcus

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/bdarcus/style-hub/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/bdarcus/style-hub --skill design-md-bdarcus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analysts need a formal design system prompt document that aligns with an existing Stitch-driven interface, enabling consistent generation of DESIGN.md tokens and guidance from project assets.

Core Features & Use Cases

Synthesize semantic design tokens and guidelines from Stitch project assets to produce a DESIGN.md that serves as a source of truth for prompting Stitch
Generate design-system documentation suitable for new screens, style-language alignment, and cross-product consistency
Real-world example: Given a Furniture Collections screen, produce a DESIGN.md describing atmosphere, color, typography, components, and layout rules to drive coherent screen generation

Quick Start

Analyze a Stitch project and run the synthesize command to create DESIGN.md for the target 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.md file from Stitch project assets?▼

Generating design system documentation from Stitch requires the project to have at least one screen and defined color tokens. The Skill fetches this metadata via the Stitch MCP Server to synthesize tokens and descriptive guidelines.

What are semantic design tokens and how do they apply to Stitch projects?▼

Semantic design tokens are structured variables representing visual properties like color and typography. They are extracted from Stitch screen assets and color themes to create a source of truth for consistent screen generation.

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

You create design system documentation by synthesizing existing Stitch project assets into a DESIGN.md file. This document captures atmosphere, color, typography, components, and layout rules to drive coherent screen generation.

Can I use Stitch MCP Server tooling to extract color themes and screen assets?▼

Yes, the Skill uses Stitch MCP Server tooling to fetch project metadata, screen assets, and color themes, which are then synthesized into a formal design system prompt document.

Why do I need a DESIGN.md for prompting Stitch?▼

A DESIGN.md serves as a formal source of truth that aligns with your existing Stitch-driven interface, enabling consistent generation of design-system tokens and guidance for new screens and cross-product consistency.