skills.rest
jp2507-max
jp2507-maxCOMMUNITY
Explore all skills by this author →
GitHub

design-md

Synthesize color, typography, and component patterns into DESIGN.md from Stitch assets.

Updated Aug 23, 2026
Search Tags:#typography#design-system#color-tokens#stitch#design-synthesis#design-md
One-click install
npx skills add https://github.com/jp2507-max/growbro-cultivation-app --skill design-md-jp2507-max
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/jp2507-max/growbro-cultivation-app/tree/main/.github/skills/design-md
Command: npx skills add https://github.com/jp2507-max/growbro-cultivation-app --skill design-md-jp2507-max

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill converts Stitch project materials into a cohesive DESIGN.md, providing a centralized design-system reference that informs consistent UI prompts.

Core Features & Use Cases

  • Semantic DESIGN.md generation: Synthesize color tokens, typography, and component patterns from Stitch assets into a single DESIGN.md file.
  • Design-language alignment: Ensures new screens follow the project's established visual language for cohesion across teams.
  • Use Case: Apply the resulting DESIGN.md to guide Stitch-driven screen generation or to refresh design documentation for an existing project.

Quick Start

Use the design-md skill to generate DESIGN.md for the current Stitch project, extracting tokens and patterns from available screens.

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

Synthesizing a semantic DESIGN.md from Stitch project assets creates a centralized, machine-readable design system. It extracts color tokens, typography, and component patterns from Stitch screens to produce consistent design documentation for guiding UI generation.

How do I extract color tokens and typography from Stitch screens?▼

You extract color tokens and typography from Stitch screens by retrieving HTML and asset data via Stitch MCP access. The skill parses available screens to identify tokenized elements and synthesize them into a centralized DESIGN.md file.

Do I need Stitch MCP data access to document design tokens?▼

Yes, Stitch MCP data access is required to document design tokens. The skill depends on Stitch MCP data access and HTML asset retrieval to extract tokenized assets and synthesize color, typography, and component patterns into DESIGN.md.

What is the best way to keep new UI screens consistent with existing Stitch designs?▼

Generating a DESIGN.md from existing Stitch assets provides a centralized design-system reference that ensures new screens follow the project's established visual language. This promotes design-language alignment and cohesion across teams.

Can I use design documentation to guide Stitch-driven screen generation?▼

Yes, the resulting DESIGN.md guides Stitch-driven screen generation by providing a centralized, machine-readable design-system reference. This documentation informs consistent UI prompts so new screens align with the established visual language.

Related Skills

Explore More Design & Creative Skills→
Nexprove-TeamNexprove-Team
1

design-md

Generate a DESIGN.md synthesizing semantic design tokens from Stitch projects.

Official
Advanced
AmidVoshakulAmidVoshakul

design-md

Analyze Stitch project metadata and UI assets to generate a DESIGN.md file.

Community
Intermediate
RoyincogRoyincog

design-md

Analyze Stitch projects and generate a semantic DESIGN.md design-system document.

Community
Advanced
gouravsingh311gouravsingh311

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

Community
Intermediate