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

Ready to run

npx skills add https://github.com/codexyzdev/codexyz --skill design-md-codexyzdev

💬 Prompt for ChatGPT / Claude Chat▼

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.