#8888th of 98 in Skills, plugins and rules

stitch-skills

Agent skills and plugins that drive Google Stitch design and code generation

Documentation ↗ Website ↗ Repository on GitHub ↗

Stars: 8.5k
License: Apache-2.0
Last commit: Aug 2026
Last release: May 2026
Language: TypeScript

Missed the latest GitHub check; these facts may be older.

Overview

A set of Agent Skills grouped into three plugins (stitch-design, stitch-build, stitch-utilities) for Google Stitch. They generate and edit screens, extract DESIGN.md and static HTML from code, and convert Stitch designs to React, React Native, Vite dashboards and Remotion videos. Install via Codex marketplace, `npx plugins` for Claude Code and Cursor, or manual copy for OpenCode; all skills need the Stitch MCP server.

Who it is for: Developers using Google Stitch with Codex, Claude Code, Cursor or Gemini CLI

Strengths

Covers both directions: code to Stitch design and Stitch screens to React or React Native
Plugin install for Codex, Claude Code and Cursor; skills follow the Agent Skills standard
Each skill ships scripts, resources and examples alongside SKILL.md
Includes DESIGN.md extraction and generation to keep design tokens consistent

Weaknesses

Requires the Stitch MCP server and Google Stitch credentials; not usable standalone
Skills have inter-dependencies, so selective install can leave gaps
OpenCode needs manual copying and renaming of skills with stitch:: names
Not an officially supported Google product

What it needs

no GPU
Needs Stitch MCP server, Google Stitch, Node.js (npx)

Also in Skills, plugins and rules

See all 98

Also in Skills, plugins and rules
Rank	Project	Score
1	skillsAgent skills for planning, TDD, debugging and code review291.3k starsMIT	94 out of 100
2	eccAgents, skills, hooks and rules bundle for Claude Code, Codex and other harnesses279.5k starsMIT	94 out of 100
3	cavemanCuts token use in coding agents with terse replies and compressed inputs Live demo ↗ (opens in a new tab)111.9k starsApache-2.0	94 out of 100
#4	impeccableDesign skill with 24 commands and a detector for AI-generated frontends Live demo ↗ (opens in a new tab)81.2k starsApache-2.0	93 out of 100
#5	ponytailSkill prompt that makes coding agents write less code and add tests163.6k starsMIT	92 out of 100

How to choose

Check which agent it targets and whether it works with the version you run.
Read what it adds to every prompt; big rule sets cost tokens on each call.
Prefer add-ons you can turn off per project.

Health

Releases: Not checked
Top contributor: Not checked
Security advisories: Not checked
Package advisories: Not checked
OpenSSF Scorecard: Not checked

Not read for this project yet: each refresh reads the facts of a few projects. Bots and coding-agent accounts are left out of the commit counts. Not part of the score: how we check.

License in plain words

Apache-2.0 Permissive

Use it at work: Yes
Change it and rebrand it: Yes
Sell it or host it for others: Yes

Your part: Keep the notices and mark the files you change. It also grants you the contributors’ patent rights.

A plain summary, not legal advice. Read the license on GitHub ↗ (opens in a new tab)

#88 of 98 in Skills, plugins and rules on Archestack, as of 15 Oct 2026.

In your README

The badge updates twice a day.

[![Archestack](https://archestack.com/badge/google-labs-code/stitch-skills.svg)](https://archestack.com/best-of-vibe-coding/projects/stitch-skills/)

How badges work

On your site or blog

A card with the rank, score and signals, in light or dark to match the reader.

<iframe src="https://archestack.com/embed/best-of-vibe-coding/stitch-skills/" title="stitch-skills on Archestack" width="400" height="270" style="border:0;max-width:100%" loading="lazy"></iframe>

Preview the card

Best of Vibe Coding on GitHub

Each review comes from the project's README and facts we check on GitHub. The fix form opens with stitch-skills filled in.