skills.rest
ceslep
ceslepCOMMUNITY
Explore all skills by this author →
𝕏@ceslepGitHub

design-md

Convert Stitch project design assets into a structured DESIGN.md file.

Updated Jan 26, 2026
Search Tags:#design systems#design analysis#semantic design#DESIGN.md#stitch
One-click install
npx skills add https://github.com/ceslep/inasistig --skill design-md-ceslep
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/ceslep/inasistig/tree/main/.claude/skills/design-md
Command: npx skills add https://github.com/ceslep/inasistig --skill design-md-ceslep

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires web_fetch, stitch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of converting technical assets from Stitch projects into a comprehensive semantic design system documented in a DESIGN.md file.

Core Features & Use Cases

  • Design Analysis: Analyze and synthesize design assets from Stitch projects.
  • Semantic System Creation: Generate a DESIGN.md file containing project identity, color palette, typography rules, component stylings, and layout principles.
  • Use Case: For a new project, use this Skill to create a detailed DESIGN.md file based on existing screens and project metadata, ensuring consistency across all designs.

Quick Start

Run the design-md skill to analyze the current project's design assets and generate a DESIGN.md file.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert Stitch project assets into a semantic design system?▼

To convert Stitch project assets into a semantic design system, this Skill parses project metadata and downloaded HTML to generate a structured DESIGN.md file. It extracts project identity, color palettes, typography rules, and component stylings directly from your existing Stitch screens.

What is a DESIGN.md file used for in design systems?▼

A DESIGN.md file documents your semantic design system, capturing project identity, color palettes, typography rules, component stylings, and layout principles. It ensures design consistency across new projects by synthesizing technical assets into a single structured reference.

Do I need the Stitch MCP Server to analyze design assets and generate documentation?▼

Yes, you need the Stitch MCP Server to retrieve project and screen metadata. This Skill depends on the server for design analysis and uses web_fetch to download HTML code, which is then parsed to extract the design elements for your documentation.

Can I extract color palettes and typography rules from HTML and JSON files?▼

Yes, you can extract color palettes and typography rules by parsing HTML and JSON files from Stitch projects. This Skill analyzes the fetched code and project metadata to synthesize these design elements into a comprehensive semantic design system.

What's the best way to document component stylings and layout principles for a new project?▼

The best way to document component stylings and layout principles is to generate a DESIGN.md file from existing technical assets. This Skill analyzes your Stitch screens and metadata to automatically compile a structured semantic design system for consistency.

Why does design analysis fail when parsing technical design assets?▼

Design analysis fails if the Stitch MCP Server is inaccessible or web_fetch cannot retrieve the HTML code. This Skill requires successful metadata retrieval and HTML parsing to extract the design elements needed to synthesize your DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
braswelljrbraswelljr
8

design-md

Generate DESIGN.md documentation from Stitch project design assets.

Community
Intermediate
AmidVoshakulAmidVoshakul

design-md

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

Community
Intermediate
Nexprove-TeamNexprove-Team
1

design-md

Generate a DESIGN.md synthesizing semantic design tokens from Stitch projects.

Official
Advanced
safzanpiranisafzanpirani
1

stitch-design-taste

Generate DESIGN.md design system specifications for Google Stitch UI generation.

Community
Advanced