skills.rest
BrunoSantanaDeveloper
BrunoSantanaDeveloperCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Analyze Stitch project designs and generate a DESIGN.md file.

Updated Jan 27, 2026
Search Tags:#typography#tokens#design-system#stitch#design-analysis#design-md
One-click install
npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill design-md-brunosantanadeveloper
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit/tree/main/skills/design-md
Command: npx skills add https://github.com/BrunoSantanaDeveloper/flyeelab-agent-kit --skill design-md-brunosantanadeveloper

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often contend with scattered, inconsistent documentation when enabling Stitch-driven screens. This skill automates the synthesis of a project’s visual language into a single DESIGN.md, providing a reliable source of truth for design tokens, typography, color roles, and layout guidelines.

Core Features & Use Cases

  • Extracts screen metadata, tokens, and design cues from Stitch projects to generate a comprehensive DESIGN.md.
  • Translates technical CSS/Tailwind values into descriptive, designer-friendly language that teams can act on.
  • Produces a repeatable design-document workflow that guides future screen generation and token evolution.

Quick Start

Analyze a Stitch project to produce DESIGN.md in the project root with a single synthesis pass.

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 Stitch project assets?▼

You can automate design system documentation by analyzing Stitch project designs to extract color, typography, spacing, and component patterns, generating a comprehensive DESIGN.md file that codifies your visual language into design tokens.

What is the best way to extract design tokens from Stitch screens?▼

Running a single synthesis pass on your Stitch project extracts screen metadata and design cues, translating technical CSS and Tailwind values into descriptive, designer-friendly language within a structured DESIGN.md file.

Can I translate Tailwind values into designer-friendly design guidelines automatically?▼

Yes, this Skill translates technical CSS and Tailwind values from Stitch projects into descriptive, designer-friendly language, converting raw token data into actionable design guidelines that teams can reference.

Do I need a Stitch MCP Server connection to codify project metadata into DESIGN.md?▼

Yes, you need a Stitch MCP Server connection to reference project metadata during the extraction process, ensuring the generated DESIGN.md accurately reflects your project's screen designs and token patterns.

Why does my Stitch design documentation have inconsistent color and typography standards?▼

Scattered, inconsistent documentation occurs when technical values lack a unified source of truth. Generating a DESIGN.md codifies color roles, typography, and spacing into a repeatable design-document workflow that guides token evolution.

When should I not use an automated design-analysis workflow for my Stitch project?▼

You should avoid automated design-analysis if your Stitch project lacks established screen assets or component patterns, since the Skill relies on extracting existing metadata and design cues to synthesize the DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
JayJihyunKimJayJihyunKim
1

design-md

Synthesize a semantic DESIGN.md from Stitch project data.

Community
Advanced
p-o-ke-naep-o-ke-nae

bash-defensive-patterns

Harden Bash scripts with strict mode, traps, and validation.

Community
Advanced
baskarajatibaskarajati

design-md

Generate a DESIGN.md design system document from a Stitch project.

Community
Advanced