StealIt
Google Labs OfficialClaude skill for design

Stitch Manage Design System

stitch::manage-design-system

Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.

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 stitch::manage-design-system

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

How to use Stitch Manage Design System

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.

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

What the instructions cover

  1. 1📥 Retrieval
  2. 2🧠 Synthesis from Description
  3. 3📝 Output Structure
  4. 4🚀 Create or Update Design System in Stitch
  5. 5🎨 Apply Design System to Screens
  6. 6📋 Update Project Metadata
  7. 7Schema Reference
  8. 8💡 Best Practices

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

What's inside · 3 files

  • SKILL.md
  • examples/metadata.json
  • reference/tool-schema.md

More from Google Labs

See all →

Design MD

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

Design & UIGoogle Labs8.7k

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

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