design-md

Extract design tokens from Stitch screens into a semantic DESIGN.md.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch projects often lack a single source of truth for design decisions. This skill analyzes existing screens, color usage, typography, spacing, and components to synthesize a semantic DESIGN.md that can guide future screen generation.

Core Features & Use Cases

  • Semantic Design Synthesis: Converts screen metadata, color palettes, typography, and component patterns into a cohesive DESIGN.md.
  • Design System Prompting: Produces a human-readable source of truth to prompt Stitch for new screens in alignment with the existing design language.
  • Use Case: Given a Stitch project with multiple screens, generate DESIGN.md that captures color tokens, typography, spacing, and component semantics for consistent UI generation.

Quick Start

Run the synthesis to generate a DESIGN.md that codifies the project's design tokens and prompts for Stitch.

Frequently Asked Questions about design-md

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I extract design tokens from Stitch projects to create a design system?

To extract design tokens from Stitch projects, this Skill processes screen metadata, color palettes, typography, and component patterns to synthesize a semantic DESIGN.md that defines your design system.

What is a semantic DESIGN.md and how does it guide UI generation?

A semantic DESIGN.md is a human-readable source of truth that codifies color tokens, typography rules, and component semantics to prompt Stitch for new screens aligned with your existing visual language.

How do I generate documentation for design tokens and component semantics?

You can generate documentation by running the synthesis on your Stitch project, which processes screen metadata and design patterns to produce a structured DESIGN.md with precise color tokens and typography rules.

Can I use this to maintain consistent visual language across multiple Stitch screens?

Yes, this Skill analyzes existing screens and design decisions to deliver a clean DESIGN.md that captures your design system, ensuring consistent UI generation across future Stitch screens.

Does this Skill require any external dependencies to process Stitch assets?

No external dependencies are required to process Stitch assets, as the Skill directly analyzes your project's screen metadata, color usage, and spacing to output the semantic design documentation.

What is the best way to document design decisions for prompting future Stitch screens?

The best way to document design decisions is to generate a semantic DESIGN.md that codifies your project's design tokens and component patterns into a structured source of truth for prompting future screens.