skills.rest
lintendo
lintendoCOMMUNITY
Explore all skills by this author →
GitHub

design-md

Analyze Stitch projects to generate DESIGN.md with visual language tokens.

152|32|Updated Dec 29, 2025
Search Tags:#tokens#design-system#color-palette#stitch#design-md#semantic-design
One-click install
npx skills add https://github.com/lintendo/Axhub-Make --skill design-md-lintendo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/lintendo/Axhub-Make/tree/main/skills/third-party/stitch-skills/design-md
Command: npx skills add https://github.com/lintendo/Axhub-Make --skill design-md-lintendo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill analyzes Stitch projects and synthesizes a semantic design system into DESIGN.md files that serve as a single source of truth for generation of new screens.

Core Features & Use Cases

  • Analyze Stitch project metadata and design assets to extract color tokens, typography rules, and component patterns.
  • Generate a DESIGN.md that translates visual language into natural-language design tokens for Stitch prompting.
  • Use cases include creating a scalable design system from an existing Stitch project to guide automated screen generation and consistency.

Quick Start

Analyze a Stitch project to generate a DESIGN.md that captures the semantic 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 extract design tokens from a Stitch project?▼

To extract design tokens from a Stitch project, this skill analyzes project metadata, screenshots, and HTML/CSS. It fetches visual language data using the Stitch MCP Server workflow to identify color, typography, and component rules.

What is a semantic DESIGN.md file used for in screen generation?▼

A semantic DESIGN.md file serves as a single source of truth for generating new screens. It translates visual language into natural-language design tokens, ensuring automated Stitch screen generation maintains consistent color, spacing, and radii rules.

How do I create a scalable design system from existing Stitch HTML and CSS?▼

You can create a scalable design system from existing Stitch HTML and CSS by synthesizing the extracted visual tokens. This skill processes the fetched project assets to generate a DESIGN.md that captures the semantic design language.

Do I need the Stitch MCP Server to generate a design system document?▼

Yes, the Stitch MCP Server workflow is required to generate a design system document. It provides the necessary interface to fetch the project metadata, screenshots, and HTML/CSS used to inform the extracted color and typography tokens.

Can I translate visual design tokens into natural language descriptions for Stitch?▼

Yes, you can translate visual design tokens into natural language descriptions for Stitch. This skill converts color tokens, spacing, and radii into natural-language rules within the generated DESIGN.md file for prompting.

Why are my Stitch-generated screens inconsistent across different components?▼

Stitch-generated screens are inconsistent without a shared source of truth. Generating a DESIGN.md extracts your project's visual tokens to enforce unified color, typography, and component patterns across all new screens.

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
JayJihyunKimJayJihyunKim
1

design-md

Synthesize a semantic DESIGN.md from Stitch project data.

Community
Advanced
bdarcusbdarcus
1

design-md

Synthesize a semantic DESIGN.md from Stitch project assets.

Community
Advanced
Ayushman-11Ayushman-11

design-md

Extract design tokens from Stitch projects into DESIGN.md files.

Community
Advanced