skills.rest
codexyzdev
codexyzdevCOMMUNITY
Explore all skills by this author →
GitHub

design-md

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

Updated Nov 11, 2025
Search Tags:#design#metadata#semantic#design-system#prompting#Stitch#DESIGN.md
One-click install
npx skills add https://github.com/codexyzdev/codexyz --skill design-md-codexyzdev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/codexyzdev/codexyz/tree/main/.trae/skills/design-md
Command: npx skills add https://github.com/codexyzdev/codexyz --skill design-md-codexyzdev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams translate Stitch project assets into a comprehensive DESIGN.md design system specification, enabling consistent design prompts and reusability across screens.

Core Features & Use Cases

  • Semantic synthesis of screen metadata, color tokens, typography, and component patterns into a single DESIGN.md file.
  • Guided prompts for Stitch to generate new screens aligned with the existing design language.
  • Documentation generation for design tokens, layout rules, and interaction guidelines for future work.

Quick Start

Use the design-md skill to generate a DESIGN.md for a Stitch project by analyzing its screen set and color tokens.

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 system from Stitch project assets?▼

To generate a design system from Stitch assets, this skill parses your project's screens, color tokens, typography, and component patterns to automatically produce a structured DESIGN.md file.

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

A DESIGN.md file provides a semantic design specification that documents layout rules, design tokens, and interaction guidelines to enable consistent UI generation across new screens.

Can I use Stitch color tokens and component patterns to document my design system?▼

Yes, you can use Stitch color tokens and component patterns to document your design system, as the skill analyzes this metadata to synthesize comprehensive design governance guidelines.

How do I create semantic design prompts for new UI screens?▼

You create semantic design prompts for new UI screens by generating a DESIGN.md file, which provides guided instructions that align Stitch with your existing visual design language.

What is the best way to translate Stitch screens into a reusable design system?▼

The best way to translate Stitch screens into a reusable design system is to use an automated synthesis tool that extracts screen metadata and outputs a structured semantic specification.

Does generating a design specification require manual token mapping?▼

Generating a design specification does not require manual token mapping, because the skill automatically parses Stitch project metadata to synthesize your tokens into a single document.

Related Skills

Explore More Design & Creative Skills→
sefllessseflless

design-md

Extract design tokens from Stitch projects into a DESIGN.md file.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
shalevaminshalevamin

security-threat-model

Generate repository-grounded Markdown threat models with trust boundaries and abuse paths.

Community
Advanced