skills.rest
bdarcus
bdarcusCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/bdarcus/style-hub --skill design-md-bdarcus
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
npc-chrisnpc-chris
1

design-md

Analyze Stitch project screens and metadata to generate a semantic DESIGN.md file.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
Nexprove-TeamNexprove-Team
1

design-md

Generate a DESIGN.md synthesizing semantic design tokens from Stitch projects.

Official
Advanced
involvexinvolvex

writing-plans

Generate end-to-end implementation plans from feature specs with task breakdowns.

Community
Advanced