skills.rest
eliuhads
eliuhadsCOMMUNITY
Explore all skills by this author →
𝕏@EliutecGitHub

design-md

Extract design metadata and tokens from Stitch projects into a DESIGN.md.

2|Updated Apr 7, 2026
Search Tags:#markdown#design-system#stitch#design-documentation#design-analysis#prompting-guide
One-click install
npx skills add https://github.com/eliuhads/stitch2elementor --skill design-md-eliuhads
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/eliuhads/stitch2elementor/tree/main/.agent/skills/design-md
Command: npx skills add https://github.com/eliuhads/stitch2elementor --skill design-md-eliuhads

SYSTEM DOCUMENTATION & REQUIREMENTS

## What problem does it solve? Stitch design-to-design documentation is often scattered across projects; this skill reliably converts Stitch outputs into a single DESIGN.md that codifies the design system language and tokens for scalable screen generation.

## Core Features & Use Cases

  • Analyze Stitch project assets (screens, HTML/CSS data, and design metadata) and translate them into a semantic DESIGN.md structure.
  • Generate tokens for colors, typography, spacing, and components, enabling consistent prompts for new screens.
  • Provide a reusable blueprint that future Stitch prompts can reference to align design language across projects.

### Quick Start Use the Stitch MCP Server to fetch a project's screens and design metadata and generate DESIGN.md documenting 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 generate design documentation from a Stitch project?▼

Generating a DESIGN.md from Stitch projects requires the Stitch MCP Server to retrieve screens, HTML/CSS tokens, and design theme data, which are then translated into a semantic design system document with layout guidelines.

What is a semantic design system document for Stitch projects?▼

A semantic DESIGN.md document codifies design language by extracting color tokens, typography rules, and component prompts from Stitch project assets, providing a reusable blueprint for consistent screen generation across projects.

Do I need the Stitch MCP Server to extract design tokens into markdown?▼

Yes, extracting design tokens into markdown requires the Stitch MCP Server, as the skill uses its tools to retrieve screens, HTML/CSS data, and design theme metadata required to produce the DESIGN.md output.

Can I document design tokens and component prompts for multiple Stitch projects?▼

Yes, you can document design tokens across multiple Stitch projects by retrieving screens and HTML/CSS data across projects and translating them into a single DESIGN.md that aligns the design language for scalable screen generation.

What's the best way to maintain consistent design language when generating new Stitch screens?▼

The best way to maintain consistent design language is to generate a DESIGN.md blueprint that future Stitch prompts can reference, ensuring new screens align with established color tokens, typography rules, and layout guidelines.

Related Skills

Explore More Design & Creative Skills→
Chris-MaskeyChris-Maskey

design-md

Analyze Stitch project screens and synthesize a semantic DESIGN.md file.

Community
Advanced
rattamnoonrattamnoon

design-md

Extract design tokens from a Stitch project and generate a DESIGN.md.

Community
Advanced
caobingshengcaobingsheng
1

design-md

Analyze Stitch projects to generate DESIGN.md files documenting design systems.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced