design-md

Convert Stitch project assets into a centralized DESIGN.md design system document.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/moonseokchoi-kr/moon-harness --skill design-md-moonseokchoi-kr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/moonseokchoi-kr/moon-harness/tree/main/skills/design-md
Command: npx skills add https://github.com/moonseokchoi-kr/moon-harness --skill design-md-moonseokchoi-kr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch projects often lack a centralized, design-system reference that aligns prompts with existing visuals. This skill synthesizes a semantic DESIGN.md that serves as the single source of truth for future screen generation and token guidance.

Core Features & Use Cases

  • Generate DESIGN.md files from project metadata, capturing color tokens, typography hints, and component patterns.
  • Provide a designer-friendly reference to guide Stitch prompts and ensure consistency across screens.
  • Use cases include creating a design-system prompt deck for new screens, validating design language, and documenting tokens for handoff.

Quick Start

Run the skill on a Stitch project to generate DESIGN.md in the project root.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a centralized design system from Stitch project assets?

To create a centralized design system from Stitch project assets, you can generate a DESIGN.md document that captures color tokens, typography hints, and component patterns to serve as a single source of truth for prompt-driven screen generation.

What is the best way to document design tokens for prompt-driven generation?

Documenting design tokens for prompt-driven generation is best achieved by synthesizing a semantic DESIGN.md file that structures color, typography, and component tokens from your existing project metadata to guide future visual outputs.

Do I need the Stitch MCP Server to generate a DESIGN.md file?

Yes, generating a DESIGN.md file requires access to the Stitch MCP Server and the target project, because the process reads specific Stitch project metadata and assets to extract structured tokens and patterns.

How does a DESIGN.md file improve consistency across UI screens?

A DESIGN.md file improves consistency across UI screens by providing a designer-friendly reference deck that aligns Stitch prompts with existing visual tokens, ensuring uniform color, typography, and component usage during new screen generation.

Can I use existing project metadata to validate my current design language?

Yes, you can use existing project metadata to validate your current design language by converting the assets into a structured DESIGN.md document that audits and captures your established component patterns and visual tokens.

When should I generate a DESIGN.md file for my Stitch project?

You should generate a DESIGN.md file for your Stitch project when starting new screens or performing design audits, as it provides the necessary token guidance and centralized reference to maintain visual consistency.