design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Profile →npx skills add sickn33/agentic-awesome-skills --skill design-md --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Stitch DESIGN.md Skill You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named `DESIGN.md`. ## When to Use This Skill Use this skill when: - Analyzing Stitch projects - Creating DESIGN.md files - Synthesizing semantic design systems - Working with Stitch design language - Generating design documentation for Stitch projects ## Overview This skill helps you create `DESIGN.md` files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values. ## Prerequisites - Access to the Stitch MCP Server - A Stitch project with at least one designed screen - Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/ ## The Goal The `DESIGN.md` file will serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with the existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values. ## Retrieval and Networking
- When to Use This Skill
- Overview
- Prerequisites
- The Goal
- Retrieval and Networking
- Analysis & Synthesis Instructions
- 1. Extract Project Identity (JSON)
- 2. Define the Atmosphere (Image/HTML)
- 3. Map the Color Palette (Tailwind Config/JSON)
- 4. Translate Geometry & Shape (CSS/Tailwind)
- 5. Describe Depth & Elevation
- Output Guidelines
- Output Format (DESIGN.md Structure)
- Usage Example
What does the design-md skill do?
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
How do I install it?
Run `npx skills add sickn33/agentic-awesome-skills --skill design-md --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.