design-md

Extract colors, typography, spacing, and component patterns from Stitch projects into DESIGN.md files.

1|1|Updated May 24, 2025
One-click install
npx skills add https://github.com/Abrahan-Eagle/zonix-eats-front --skill design-md-abrahan-eagle
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Abrahan-Eagle/zonix-eats-front/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/Abrahan-Eagle/zonix-eats-front --skill design-md-abrahan-eagle

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Synthesizes Stitch project assets into DESIGN.md files to formalize a designer-friendly design system, enabling consistent prompts for screen generation.

Core Features & Use Cases

  • Retrieve Stitch project metadata and screen assets via Stitch MCP Server to inform design-system tokens.
  • Extract colors, typography, spacing, and component patterns and translate them into natural, descriptive language.
  • Synthesize a DESIGN.md that serves as a single source of truth for prompting Stitch to generate new screens consistent with the existing design language.
  • Align outputs with Stitch Effective Prompting Guide to ensure actionable, repeatable prompts for design tasks.

Quick Start

Analyze a Stitch project and generate a DESIGN.md file describing the 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 extract design tokens from a Stitch project?▼

To extract design tokens from a Stitch project, this Skill retrieves project metadata and screen assets, then identifies colors, typography, spacing, and component patterns to synthesize into a formal design system.

What is the best way to document a Stitch design system?▼

Documenting a Stitch design system is best achieved by generating a DESIGN.md file, which formalizes extracted tokens and component patterns into natural language for consistent screen generation prompts.

Can I use extracted design tokens to generate consistent Stitch screens?▼

Yes, you can use extracted design tokens to generate consistent Stitch screens by compiling them into a DESIGN.md file that serves as a single source of truth for prompting.

How does Stitch design documentation improve prompting?▼

Stitch design documentation improves prompting by aligning extracted design system tokens with the Stitch Effective Prompting Guide, translating visual patterns into actionable and repeatable descriptive language.

What do I need to generate a DESIGN.md file from Stitch assets?▼

To generate a DESIGN.md file from Stitch assets, you need an existing Stitch project with screen assets, which the Skill analyzes to extract semantic design system components and patterns.