skills.rest
JStaRFilms
JStaRFilmsCOMMUNITY
Explore all skills by this author →
Website𝕏@OlulekeJOkeGitHub

design-md

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

23|5|Updated Nov 5, 2025
Search Tags:#design-system#stitch#design-synthesis#token-extraction#design-md
One-click install
npx skills add https://github.com/JStaRFilms/VibeCode-Protocol-Suite --skill design-md-jstarfilms
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/JStaRFilms/VibeCode-Protocol-Suite/tree/main/assets/.agent/skills/stitch
Command: npx skills add https://github.com/JStaRFilms/VibeCode-Protocol-Suite --skill design-md-jstarfilms

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze Stitch project assets to generate a DESIGN.md that codifies a semantic design system.

Core Features & Use Cases

  • Design token extraction: Identify colors, typography, spacing, and component patterns from Stitch designs.
  • Semantic mapping: Translate raw design details into a cohesive DESIGN.md structure that guides generation.
  • Pipeline onboarding: Provide a reusable design language as a single source of truth for new projects.
  • Use Case: When starting a new Stitch project, generate DESIGN.md to inform prompt tokens and UI decisions.

Quick Start

Provide a Stitch project reference and run the design-md 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 Stitch project assets?▼

To extract design tokens from Stitch project assets, the design-md skill analyzes your project inputs to identify colors, typography, spacing, and component patterns, mapping them into a structured design system document.

What is a DESIGN.md file and why do I need it for design synthesis?▼

A DESIGN.md file codifies a semantic design system from your Stitch assets, serving as a single source of truth for design tokens and ensuring consistent prompts and standardized visuals across all project screens.

How do I onboard a new Stitch project using a design system document?▼

Onboard a new Stitch project by providing a Stitch project reference and running the design-md skill to generate a reusable DESIGN.md, which establishes a cohesive design language to inform UI decisions and prompt tokens.

Does design-md require any dependencies or external components to run?▼

Design-md requires no external dependencies or components to run, operating directly on your provided Stitch project reference to perform token extraction and output the generated design system document.

Can I standardize visual styles across screens using DESIGN.md?▼

Yes, you can standardize visual styles across screens by generating a DESIGN.md file, which codifies semantic design tokens and component patterns extracted from your Stitch designs into a unified reference.

What's the best way to document design tokens for Stitch-guided generation?▼

The best way to document design tokens for Stitch-guided generation is translating raw design details into a DESIGN.md file, which provides a reusable design language and semantic mapping for consistent outputs.

Related Skills

Explore More Design & Creative Skills→
SecuVortexSecuVortex

design-md

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

Community
Advanced
moonseokchoi-krmoonseokchoi-kr

design-md

Convert Stitch project assets into a centralized DESIGN.md design system document.

Community
Advanced
valuedrivenvaluedriven
4

design-md

Extract design tokens from Stitch projects and generate a semantic DESIGN.md.

Community
Advanced
gouravsingh311gouravsingh311

design-md

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

Community
Intermediate