skills.rest
Vishnugupta2711
Vishnugupta2711COMMUNITY
Explore all skills by this author →
GitHub

design-md

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

1|1|Updated Mar 4, 2026
Search Tags:#design#documentation#markdown#design-system#design-token#stitch
One-click install
npx skills add https://github.com/Vishnugupta2711/gigHood --skill design-md-vishnugupta2711
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Vishnugupta2711/gigHood/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/Vishnugupta2711/gigHood --skill design-md-vishnugupta2711

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill analyzes Stitch projects to produce a canonical DESIGN.md that codifies the design system language, tokens, and patterns, enabling consistent design guidance across new screens.

Core Features & Use Cases

  • Retrieve project metadata and screen assets from Stitch MCP Server to understand current design language.
  • Extract design tokens (colors, typography, spacing, radii) and translate technical values into descriptive, designer-friendly language.
  • Generate a structured DESIGN.md that can be used as the single source of truth for prompting Stitch to create new screens and guide reviews.

Quick Start

Analyze a Stitch project and run the skill to generate DESIGN.md documenting the project’s visual system.

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

A design system markdown file codifies your project's visual language, tokens, and component patterns into a single source of truth. It enables consistent design guidance when creating new screens or conducting design reviews.

How do I extract design tokens from Stitch screens?▼

Generated design system markdown can be used as a canonical prompt to guide Stitch in creating new screens. It ensures future expansions and screen generations adhere to your established visual language and component patterns.

What is a design system markdown file used for?▼

A design system markdown file codifies your project's visual language, tokens, and component patterns into a single source of truth. It enables consistent design guidance when creating new screens or conducting design reviews.

Can I use Stitch project metadata to document color and typography tokens?▼

Yes, you can use Stitch project metadata to document color and typography tokens. The skill parses exact hex codes and spacing values, outputting a well-structured guide with descriptive, designer-friendly names.

How do I create a formatting guide for design reviews using markdown?▼

You create a formatting guide for design reviews by synthesizing semantic design descriptions from Stitch assets. The skill outputs a structured DESIGN.md that codifies component patterns and design tokens for review consistency.

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
baskarajatibaskarajati

design-md

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

Community
Advanced
npc-chrisnpc-chris
1

design-md

Analyze Stitch project screens and metadata to generate a semantic DESIGN.md file.

Community
Advanced
vikingokftvikingokft

design-md

Extract Stitch project design metadata and generate a structured DESIGN.md file.

Official
Intermediate