design-md

Analyze Stitch projects to generate a DESIGN.md design system document.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/Parthivjoshi29/agent-skills-npm-package --skill design-md-parthivjoshi29
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Parthivjoshi29/agent-skills-npm-package/tree/main/skills/design-md
Command: npx skills add https://github.com/Parthivjoshi29/agent-skills-npm-package --skill design-md-parthivjoshi29

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Synthesizes a semantic DESIGN.md design system from Stitch project assets, turning scattered design notes into a single, actionable documentation file.

Core Features & Use Cases

  • Analyze Stitch projects to generate a comprehensive DESIGN.md that codifies color, typography, spacing, and component patterns.
  • Ingest design metadata from Stitch MCP Server to produce a reusable design system reference for future screens.
  • Use Case: For a Furniture Collection project, generate DESIGN.md capturing tokens, layout patterns, and component primitives to guide future design and generation.

Quick Start

Provide a Stitch project context and request generation of a DESIGN.md following the semantic design system.

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 a Stitch project?

Generating a design system document from a Stitch project involves analyzing design assets to extract semantic tokens, typography, color roles, and layout patterns, which are then synthesized into a structured DESIGN.md file.

What is a DESIGN.md blueprint and when do I need one for my design assets?

A DESIGN.md blueprint is a comprehensive documentation file that codifies scattered design notes into a semantic design system. You need one to establish a reusable reference for color, typography, spacing, and component patterns.

Do I need the Stitch MCP Server to extract design tokens and layout patterns?

Yes, you need the Stitch MCP Server to extract design tokens and layout patterns. The generation process requires Stitch MCP Server access to retrieve screen and asset metadata from your projects before producing the DESIGN.md file.

Can I turn scattered design notes into a single design document automatically?

You can turn scattered design notes into a single design document automatically by ingesting design metadata from the Stitch MCP Server, which synthesizes the extracted assets into an actionable DESIGN.md reference.

What's the best way to document component primitives and color roles for future screen generation?

The best way to document component primitives and color roles is to generate a DESIGN.md file from your Stitch project, capturing semantic tokens and layout patterns to guide future design and generation tasks.

What are the limitations of generating a DESIGN.md from Stitch project assets?

A limitation of generating a DESIGN.md from Stitch project assets is the strict requirement for Stitch MCP Server access and existing design assets, as the generation cannot synthesize a design system without retrievable screen metadata.