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.