skills.rest
gouravsingh311
gouravsingh311COMMUNITY
Explore all skills by this author →
GitHub

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch teams need a single source of truth for design language that can be used to guide generation of new screens and components from existing assets.

Core Features & Use Cases

  • Analyze Stitch assets to extract color, typography, spacing, and component patterns.
  • Synthesize a DESIGN.md that codifies the design language for consistent UI generation.
  • Use DESIGN.md as a prompt source for Stitch to generate new screens that align with the design system.

Quick Start

Generate a DESIGN.md that captures the semantic design system from the provided Stitch project assets.

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 generate a DESIGN.md, analyze your Stitch project assets to extract color palettes, typography rules, spacing, and component patterns, then codify this semantic design system into the markdown file.

What is a semantic design system used for in UI generation?▼

A semantic design system serves as a single source of truth for your design language, used as a prompt source to guide Stitch in generating new screens and components that align consistently with your established UI patterns.

How do I codify design tokens into a DESIGN.md file?▼

Codify design tokens into a DESIGN.md file by extracting color, typography, and spacing values from your existing assets and formatting them into markdown rules that guide future component generation.

Can I use my DESIGN.md to generate new screens in Stitch?▼

Yes, you can use the generated DESIGN.md as a prompt source for Stitch to generate new screens that strictly align with your codified design tokens, typography rules, spacing, and component patterns.

Does this design system approach work without external dependencies?▼

Yes, the design system synthesis works without external dependencies, requiring only your existing Stitch project assets to extract and codify color, typography, and spacing patterns into markdown.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

design-md

Synthesize semantic design system documentation from Stitch project assets and screen metadata.

Community
Advanced
google-labs-codegoogle-labs-code
8.0k

design-md

Analyze Stitch project assets to generate a DESIGN.md design system document.

Official
Advanced
rafifosrafifos
6

design-md

Analyze Stitch projects to generate a semantic DESIGN.md design system document.

Community
Intermediate
amanhsnamanhsn

ui-design-system

Generate design tokens from brand colors using Python scripts.

Community
Advanced