StealIt
Google Labs OfficialClaude skill for design

Design MD

design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

$ npx skills add google-labs-code/stitch-skills --skill design-md

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Design MD

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /design-md.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1Overview
  2. 2Prerequisites
  3. 3The Goal
  4. 4Retrieval and Networking
  5. 5Analysis & Synthesis Instructions
  6. 6Output Guidelines
  7. 7Output Format (DESIGN.md Structure)
  8. 8Usage Example
  9. 9Best Practices
  10. 10Tips for Success
  11. 11Common Pitfalls to Avoid

Section headings from the skill's SKILL.md file.

What's inside · 3 files

  • README.md
  • SKILL.md
  • examples/DESIGN.md

More from Google Labs

See all →

Enhance Prompt

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better…

AI & AgentsGoogle Labs8.7k

React Vite Dashboard

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

FrontendGoogle Labs8.7k

Remotion

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Video & MotionGoogle Labs8.7k

Shadcn UI

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

FrontendGoogle Labs8.7k

More Claude skills for design

See all →

Frontend DesignTop pick

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't…

Design & UIAnthropic187k

UI UX Pro MaxTop pick

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design…

Design & UINextLevelBuilder145k

Taste SkillTop pick

tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated gallery sites (One Page Love, Awwwards Sites of the Day). Deals…

Design & UILeon110k

Impeccable

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages…

Design & UIPaul Bakaus103k