skills.rest
amaledtuning
amaledtuningCOMMUNITY
Explore all skills by this author →
GitHub

design-md

Extract design tokens and visual language from Stitch projects into a DESIGN.md file.

Updated Apr 21, 2026
Search Tags:#design-system#design-tokens#color-palette#stitch#design-md#semantic-design
One-click install
npx skills add https://github.com/amaledtuning/CODEX_Skills --skill design-md-amaledtuning
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/amaledtuning/CODEX_Skills/tree/main/skills/design-md
Command: npx skills add https://github.com/amaledtuning/CODEX_Skills --skill design-md-amaledtuning

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill converts Stitch project materials into a formal DESIGN.md that codifies a project's semantic design system, enabling consistent screen generation and design language across future work.

Core Features & Use Cases

  • Extracts design tokens (colors, typography, spacing) and visual language from Stitch project screens
  • Synthesizes a comprehensive DESIGN.md that acts as the source of truth for prompting screen generation
  • Useful for design systems teams extending Stitch-guided workflows to new projects

Quick Start

Analyze a Stitch project, extract design tokens and visual language, and generate a DESIGN.md file that codifies 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 create a semantic design system from Stitch project assets?▼

To create a semantic design system from Stitch project assets, this skill extracts design tokens, typography, and spacing metadata to generate a formal DESIGN.md file. This output codifies your visual language and serves as the source of truth for prompting future screen generation.

What is a DESIGN.md file used for in a design system workflow?▼

A DESIGN.md file is used in a design system workflow to structure design tokens, typography, spacing, and layout guidelines into clean, descriptive language. It acts as a formal source of truth that enables consistent screen generation and design language across future project work.

Do I need Stitch MCP Server data to extract design tokens and color themes?▼

Yes, you need access to Stitch MCP Server data to extract design tokens and color theme metadata. The skill requires this server data to map visual elements from designed screens into the descriptive language used in the generated DESIGN.md file.

How to generate a source of truth for prompting future UI screens?▼

You generate a source of truth for prompting future UI screens by analyzing a Stitch project to extract its visual language and design tokens. The skill synthesizes these elements into a comprehensive DESIGN.md file suitable for guiding consistent screen generation.

Can I use this to extract color palettes and typography from existing designed screens?▼

Yes, you can use this to extract color palettes and typography from existing designed screens. It analyzes Stitch project screens to pull design tokens and visual language, structuring them into a formal DESIGN.md file that codifies your semantic design system.

Related Skills

Explore More Design & Creative Skills→
bdarcusbdarcus
1

design-md

Synthesize a semantic DESIGN.md from Stitch project assets.

Community
Advanced
AlejandroFiginiAlejandroFigini

stitch-design-taste

Generate DESIGN.md files encoding design tokens and rules for Google Stitch.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
SecuVortexSecuVortex

design-md

Generate a DESIGN.md documenting semantic design tokens from Stitch project assets.

Community
Advanced