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/xLuisAcunax/restrologic-ang --skill design-md-xluisacunax
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-md
Source: https://github.com/xLuisAcunax/restrologic-ang/tree/main/.agents/skills/design-md
Command: npx skills add https://github.com/xLuisAcunax/restrologic-ang --skill design-md-xluisacunax

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the creation of DESIGN.md files, which act as a semantic blueprint for AI to generate consistent UI screens based on existing design language.

Core Features & Use Cases

  • Design System Synthesis: Analyzes Stitch projects to extract and translate design tokens (colors, typography, spacing, etc.) into human-readable descriptions.
  • AI Prompting: Generates DESIGN.md files that serve as a "source of truth" for AI models like Stitch to create new screens that align with established design principles.
  • Use Case: A product team wants to add new features to an existing application. They use this Skill to generate a DESIGN.md file from the current UI, ensuring any new screens generated by Stitch will perfectly match the existing look and feel.

Quick Start

Use the design-md skill to analyze the 'Furniture Collection' 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 system markdown file for AI UI generation?

To generate a design system markdown file for AI UI generation, this Skill analyzes Stitch projects to extract design tokens and layout principles into a semantic DESIGN.md blueprint. It translates visual themes, color palettes, and typography into human-readable descriptions for AI models.

What is a DESIGN.md file and how does it work with Stitch?

A DESIGN.md file is a semantic blueprint that acts as a source of truth for AI-driven screen generation. It works with Stitch by translating project assets and metadata into human-readable design principles, ensuring newly generated UI screens match the established visual language.

How do I extract design tokens from an existing UI for AI prompting?

You extract design tokens from an existing UI for AI prompting by analyzing project assets and metadata to synthesize colors, typography, and component stylings. This Skill translates these visual elements into a structured markdown format for consistent AI screen generation.

Do I need a Stitch MCP Server to synthesize design systems into markdown?

Yes, you need a Stitch MCP Server to synthesize design systems into markdown. The Skill requires access to Stitch MCP Server tools to analyze project assets, extract visual themes, and translate metadata into the DESIGN.md file.

Can I use this to ensure new UI screens match my current design language?

Yes, you can use this to ensure new UI screens match your current design language. By generating a DESIGN.md file from your existing application, AI models like Stitch receive the exact design tokens and layout principles needed to perfectly align new features with your established look.

What is the best way to document component stylings and layout principles for AI models?

The best way to document component stylings and layout principles for AI models is synthesizing them into a semantic DESIGN.md file. This Skill translates visual themes and metadata from Stitch projects into a structured source of truth for consistent AI-driven UI generation.