design-md

Extract design tokens from Stitch projects and generate DESIGN.md files.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill analyzes Stitch projects and synthesizes a semantic design system into DESIGN.md files that can serve as the single source of truth for prompting future screen generations.

Core Features & Use Cases

  • Retrieve project metadata and associated design assets from Stitch projects to establish a design language baseline.
  • Extract design tokens (colors, typography, spacing, components) and translate them into a coherent DESIGN.md structure.
  • Generate DESIGN.md that acts as the design-system prompt source of truth for producing new screens aligned with the existing language.
  • Use Case: Document the design system for a Furniture Collections project to enable consistent, scalable screen generation.

Quick Start

Analyze a Stitch project to produce a DESIGN.md that codifies the design system for future screen generation.

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 a Stitch project?

To extract design tokens from a Stitch project, analyze the project metadata and design assets to identify colors, typography, spacing, and components, translating them into a coherent design system structure for documentation.

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

A DESIGN.md file serves as a semantic design system source of truth that codifies extracted design tokens to guide and prompt consistent new screen generation aligned with an existing design language.

How do I document a design system for consistent screen generation?

Document a design system by retrieving project metadata and associated design assets to extract tokens, generating a DESIGN.md file that acts as the prompt source of truth for producing scalable new screens.

Can I use a single design system file to align new Stitch screens?

Yes, you can generate a DESIGN.md file to align new Stitch screens by synthesizing extracted design tokens like colors, typography, spacing, and components into a centralized source of truth for prompting.

Does generating a DESIGN.md require existing Stitch project assets?

Generating a DESIGN.md requires existing Stitch project assets because the process retrieves project metadata and associated design elements to establish a baseline and extract the necessary design tokens.

Why do I need a semantic design system for Stitch prompting?

You need a semantic design system for Stitch prompting to ensure new screen generations remain consistent and scalable, using a documented source of truth that aligns with established design tokens and prompting guidelines.