skills.rest
FolahanWilliams
FolahanWilliamsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Generates a DESIGN.md from a Stitch project's screen metadata and design assets.

Updated Aug 27, 2026
Search Tags:#typography#design#tokens#design-systems#color-palette#stitch#design-md
One-click install
npx skills add https://github.com/FolahanWilliams/decision-intel --skill design-md-folahanwilliams
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/FolahanWilliams/decision-intel/tree/main/.agent/skills/design-md
Command: npx skills add https://github.com/FolahanWilliams/decision-intel --skill design-md-folahanwilliams

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps transform Stitch project outputs into a DESIGN.md, creating a single source of truth that codifies design language for consistent screen generation and cross-team collaboration.

Core Features & Use Cases

  • Automated synthesis: Generates a DESIGN.md capturing color tokens, typography rules, layout principles, and component patterns from Stitch screen metadata.
  • Prompt alignment: Encodes the design language into actionable prompts for Stitch-driven screen generation to preserve visual fidelity.
  • Knowledge transfer: Provides a structured reference for designers and developers to reuse assets and guidelines across projects.

Quick Start

Analyze a Stitch project and synthesize a DESIGN.md that captures its design language.

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

You can generate a design system specification from a Stitch project by retrieving screen metadata via Stitch MCP and extracting design tokens from HTML/CSS. The process synthesizes these elements into a structured DESIGN.md file.

What is the best way to document color tokens and typography rules for my design system?▼

Documenting color tokens and typography rules is achieved by generating a DESIGN.md file. It extracts precise color hex values and styling rules from your project's HTML and CSS, creating a single source of truth for your design language.

Does the design-md skill work without Stitch MCP to retrieve screen metadata?▼

The design-md skill requires Stitch MCP to retrieve accessible screen metadata. This retrieval mechanism is essential for extracting design tokens and generating the prescribed DESIGN.md file.

Can I use this skill to extract precise color hex values from HTML and CSS?▼

Yes, you can extract precise color hex values from HTML and CSS. The skill analyzes your project assets to identify color tokens and documents these exact values within the generated DESIGN.md design specification.

How does a DESIGN.md file improve cross-team collaboration for screen generation?▼

A DESIGN.md improves cross-team collaboration by acting as a single source of truth for design language. It encodes design rules into actionable prompts, ensuring consistent screen generation and visual fidelity across different teams.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
AlejandroFiginiAlejandroFigini

stitch-design-taste

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

Community
Advanced
KubrickCodeKubrickCode
1

issue-documentation

Document issues and bug reports with structured templates.

Community
Basic
huangzidahuangzida
2

design-md

Generate a DESIGN.md semantic design document from Stitch project data.

Community
Advanced