skills.rest
leadmind-ai
leadmind-aiOFFICIAL
Explore all skills by this author →
GitHub

design-md

Extract a semantic Design System from Stitch assets into DESIGN.md.

Updated Mar 25, 2026
Search Tags:#design-system#design-extraction#stitch#semantic-design#design-prompting#template-design-system
One-click install
npx skills add https://github.com/leadmind-ai/leadmind-ai-website --skill design-md-leadmind-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/leadmind-ai/leadmind-ai-website/tree/main/.claude/skills/designer/design-md
Command: npx skills add https://github.com/leadmind-ai/leadmind-ai-website --skill design-md-leadmind-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Cette compétence permet d'extraire un Design System sémantique à partir d'un projet Stitch existant et de le consolider dans un fichier DESIGN.md, servant de source de vérité pour les prompts Stitch et la cohérence visuelle sur l'ensemble des pages.

Core Features & Use Cases

  • Extraction de palette, typographie et styles de composants à partir des assets Stitch (captures d'écran, métadonnées, HTML) pour garantir une cohérence visuelle sur toutes les pages et écrans.
  • Utilisation du template DESIGN.md situé dans references/template-design-system.md comme modèle unique et réutilisable pour chaque nouveau design system.
  • Validation et itération avec l'utilisateur avant l'écriture finale du DESIGN.md, assurant que le design system reflète les préférences et contraintes du projet.

Quick Start

Demande au système Design-MD d'extraire un Design System sémantique à partir d'un projet Stitch et d'écrire 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 a design system from a Stitch project?▼

To extract a design system from Stitch, this Skill analyzes screenshots, HTML, and metadata assets to synthesize semantic design tokens into a structured DESIGN.md file.

What is the best way to maintain visual consistency across multiple Stitch screens?▼

Consolidating extracted palette, typography, and component styles into a single DESIGN.md file ensures visual consistency across multiple Stitch screens and subsequent project pages.

Can I customize the extracted design system before writing the final file?▼

Yes, the extraction process includes a validation and iteration phase with the user before the final writing of the DESIGN.md file, ensuring project constraints and preferences are met.

Does the design system extraction use a specific template format?▼

Yes, extraction relies on a reusable template located at references/template-design-system.md to structure the semantic design system output consistently.

What assets do I need to generate a semantic design system?▼

You need existing Stitch project assets, including screenshots, HTML, and metadata, to analyze and extract a complete semantic design system.

Why use a DESIGN.md file for Stitch prompting?▼

A DESIGN.md file serves as a single source of truth for Stitch prompts, guiding the generation of subsequent screens with consistent semantic design rules.

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

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
JayJihyunKimJayJihyunKim
1

design-md

Synthesize a semantic DESIGN.md from Stitch project data.

Community
Advanced
digitalsadhudigitalsadhu

opr-rules

Provides detailed rules and design guidance for Grimdark Future Firefight.

Community
Basic