design-md

Analyze Stitch projects to generate DESIGN.md design system files.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/JiaxingBI/LL2026 --skill design-md-jiaxingbi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/JiaxingBI/LL2026/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/JiaxingBI/LL2026 --skill design-md-jiaxingbi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the creation of DESIGN.md files, serving as a single source of truth for design language, which is crucial for AI-driven screen generation tools like Stitch.

Core Features & Use Cases

  • Design System Synthesis: Analyzes Stitch projects to extract and synthesize design tokens (colors, typography, spacing, etc.) into a human-readable Markdown format.
  • AI Prompting Enhancement: Generates DESIGN.md files that Stitch can use to create new screens perfectly aligned with existing design language.
  • Use Case: A designer needs to ensure a new feature screen generated by Stitch adheres to the established brand guidelines. They use this Skill to analyze the current project and produce a DESIGN.md file, which is then fed to Stitch for accurate generation.

Quick Start

Use the design-md skill to analyze the current Stitch project 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 generate a DESIGN.md file from a Stitch project?

To generate a DESIGN.md file from a Stitch project, you need to analyze the project's visual themes, color palettes, typography rules, and component stylings. This process synthesizes semantic design tokens into a Markdown format, serving as a single source of truth for your design language.

What is a semantic design system in Markdown for AI-driven screen generation?

A semantic design system in Markdown is a structured text file containing extracted design tokens, layout principles, and component stylings. It acts as a human-readable source of truth that AI-driven screen generation tools use to create new interfaces aligned with existing brand guidelines.

Do I need the Stitch MCP Server to extract design tokens into Markdown?

Yes, you need access to Stitch MCP Server tools and web fetching capabilities for asset retrieval. These dependencies are required to properly analyze the Stitch project metadata and extract the visual themes necessary for accurate Markdown generation.

Can I use this to ensure Stitch generated screens match my existing UI/UX?

Yes, you can use this to ensure Stitch generated screens match your existing UI/UX. By extracting your current project's design tokens and layout principles into a DESIGN.md file, Stitch can use this file to create new feature screens perfectly aligned with your established design language.

What is the best way to document UI component stylings and typography rules for AI prompts?

The best way to document UI component stylings and typography rules for AI prompts is to synthesize them into a Markdown file. Extracting design tokens like colors, spacing, and typography rules into a structured format provides AI tools with a clear, readable reference for accurate generation.