skills.rest
JesusNF99
JesusNF99COMMUNITY
Explore all skills by this author →
GitHub

design-md

Analyze Stitch project metadata to generate a structured DESIGN.md design system.

Updated Mar 27, 2026
Search Tags:#design-system#design-tokens#design-docs#stitch#design-analysis#semantic-design#stitch-skills
One-click install
npx skills add https://github.com/JesusNF99/TrainFlow --skill design-md-jesusnf99
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/JesusNF99/TrainFlow/tree/main/.skills/design-md
Command: npx skills add https://github.com/JesusNF99/TrainFlow --skill design-md-jesusnf99

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill analyzes Stitch projects and synthesizes a semantic design system into a DESIGN.md file that serves as the design-language source of truth for prompts and documentation.

Core Features & Use Cases

  • Analyze Stitch project metadata to extract screen structures, color tokens, typography, spacing, and component patterns.
  • Generate a comprehensive DESIGN.md that documents design decisions, tokens, and usage guidelines for consistent UI across projects.
  • Produce an actionable guide that can be used to prompt Stitch for new screens that align with the existing design language.

Quick Start

Provide a Stitch project context and run this skill to generate DESIGN.md

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?▼

You generate a design system documentation file by analyzing Stitch project metadata to extract color tokens, typography, spacing, and component patterns, then synthesizing them into a structured DESIGN.md file.

What is a semantic design system and how does it work with Stitch?▼

A semantic design system establishes a shared design language through documented tokens and guidelines. This skill synthesizes one from Stitch assets to produce a DESIGN.md file serving as the source of truth for prompts and documentation.

Do I need Stitch MCP metadata to generate design documentation?▼

Yes, generating design documentation requires access to Stitch MCP metadata and assets to accurately extract the project's design tokens, component patterns, and screen structures.

How do I prompt Stitch to create new screens that match my existing design language?▼

Generate a DESIGN.md file from your existing Stitch projects to establish an actionable guide, then use this documentation as the source of truth to prompt Stitch for new screens that align with your design language.

Can I document UI component patterns and color tokens for consistent UI across projects?▼

Yes, you can document UI component patterns and color tokens by analyzing Stitch project metadata and generating a comprehensive DESIGN.md that records design decisions and usage guidelines for consistent UI across projects.

Related Skills

Explore More Design & Creative Skills→
AmidVoshakulAmidVoshakul

design-md

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

Community
Intermediate
SecuVortexSecuVortex

design-md

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

Community
Advanced
jasonmichaelbell78-creatorjasonmichaelbell78-creator

ui-design-system

Generate design tokens and document components for scalable UI systems.

Community
Advanced
baskarajatibaskarajati

design-md

Generate a DESIGN.md design system document from a Stitch project.

Community
Advanced