← all repositories
google-labs-code/stitch-skills

Agent skills that turn code assistants into design partners

It packages design-to-code workflows as reusable agent skills so Claude Code, Codex, and friends can operate Google Stitch.

7.8k stars TypeScript Coding AssistantsAgents
stitch-skills
Velocity · 7d
+46
★ / day
Trend
cooling
star history

What it does stitch-skills is a library of plugins that lets coding agents—Codex, Claude Code, Gemini CLI, and others—operate the Google Stitch design platform. It provides structured workflows for generating screens from text, converting frontend code into design projects, extracting design tokens into DESIGN.md files, and compiling Stitch output into React or Remotion. Each unit follows the Agent Skills open standard, so the agent receives a rigid contract—SKILL.md instructions, validation scripts, and example references—rather than a vague prompt.

The interesting bit The value is in the plumbing, not the fireworks. By standardizing how agents interact with a remote design server, the repository turns fuzzy natural-language requests into repeatable, verifiable operations. It is essentially a protocol layer for design-system automation, keeping the agent on brief when it shuffles assets between your codebase and a design canvas.

Key highlights

  • Covers the full loop: design generation (stitch-design), code export (stitch-build), and prompt refinement (stitch-utilities).
  • Explicitly compatible with multiple agents: Codex, Antigravity, Gemini CLI, Claude Code, and Cursor.
  • Each skill is self-documenting via SKILL.md, with validation scripts and style-guide resources.
  • Includes niche but practical tools like extract-static-html for snapshotting running apps and taste-design for enforcing anti-generic UI standards.
  • Requires the Stitch MCP server; it is an agent-facing control layer, not a standalone design tool.

Caveats

  • This is not an officially supported Google product.
  • Selective skill installation requires careful dependency management, as many skills rely on each other.
  • A running Stitch MCP server is mandatory; without it, the skills have nothing to talk to.

Verdict Worth a look if you are already using Google Stitch and want your agent to handle design-system busywork. Skip it if you need a self-contained design tool or an agent framework that works without an external MCP server.

Frequently asked

What is google-labs-code/stitch-skills?
It packages design-to-code workflows as reusable agent skills so Claude Code, Codex, and friends can operate Google Stitch.
Is stitch-skills open source?
Yes — google-labs-code/stitch-skills is open source, released under the Apache-2.0 license.
What language is stitch-skills written in?
google-labs-code/stitch-skills is primarily written in TypeScript.
How popular is stitch-skills?
google-labs-code/stitch-skills has 7.8k stars on GitHub and is currently cooling off.
Where can I find stitch-skills?
google-labs-code/stitch-skills is on GitHub at https://github.com/google-labs-code/stitch-skills.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.