skills.rest
Aurora-AI
Aurora-AICOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md

Generate a DESIGN.md design system from Stitch project assets.

Updated Apr 24, 2026
Search Tags:#typography#design#tokens#design-system#color-palette#design-doc#stitch
One-click install
npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill design-md-aurora-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/Aurora-AI/Elysiancorpfront/tree/main/.aurora/skills/design-md
Command: npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill design-md-aurora-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Synthesizes a semantic design system DESIGN.md from Stitch project assets to serve as a single source of truth for design-language.

Core Features & Use Cases

  • Analyses Stitch project screens, HTML, and design metadata to extract tokens, color roles, typography, spacing, and component patterns.
  • Translates technical values into descriptive, the designer-friendly language suitable for prompting Stitch or other design tools.
  • Produces a DESIGN.md file that can be re-used to generate consistent screens and maintain design-language discipline across projects.

Quick Start

Analyze the provided Stitch project assets and run the design synthesis to produce 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 create a design system document from a Stitch project?▼

To create a design system document from a Stitch project, you synthesize project screens, HTML, and metadata to generate a semantic DESIGN.md file serving as a single source of truth for design language.

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

A semantic DESIGN.md file serves as a single source of truth for design language, translating technical values from Stitch assets into descriptive tokens, color palettes, typography, and component patterns for consistent screen generation.

Can I extract design tokens and color palettes from Stitch HTML assets?▼

Yes, you can extract design tokens and color palettes from Stitch HTML assets by analyzing project screens and metadata to produce consistent hex colors, typography scales, spacing, and component patterns.

How do I translate technical design values into designer-friendly language?▼

You translate technical design values into designer-friendly language by synthesizing Stitch project metadata into descriptive sections within a DESIGN.md file, covering atmosphere, color palette, typography, and layout.

What is the best way to maintain design-language discipline across multiple Stitch projects?▼

The best way to maintain design-language discipline across Stitch projects is to generate and reuse a DESIGN.md file that establishes consistent design tokens, component patterns, and precise color values.

Do I need design metadata to generate a layout and typography system for Stitch?▼

Yes, analyzing Stitch project design metadata alongside screens and HTML is needed to accurately produce a layout and typography system with consistent tokens and descriptive language.

Related Skills

Explore More Design & Creative Skills→
fantay0312fantay0312

design-md

Generate a DESIGN.md documenting design tokens and layout principles from Stitch project assets.

Community
Advanced
RenyEnnosRenyEnnos
1

design-md

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

Community
Advanced
erichowenserichowens
181

web-design-expert

Generate distinctive web designs and brand identities with WCAG accessibility.

Community
Advanced
phanijappsphanijapps

security-checklists

Generate boundary-specific security checklists for agentic code review.

Community
Advanced