Directory · Skills

Stitch Skills

Agent Skills and plugins for Google Stitch that generate, manage, and convert UI designs to code via the Stitch MCP server.

★ 8,505 stars · last updated 2026-08-17 · Free, open source · View on GitHub

Best for

• Generating and editing UI screens in Google Stitch from a coding agent
• Converting Stitch designs into React, React Native, or shadcn/ui code
• Extracting a DESIGN.md design system from existing frontend source
• Uploading existing frontend code or HTML into Stitch projects

Install

npx plugins add google-labs-code/stitch-skills --scope project --target claude-code

Our take

Requires the Stitch MCP server to be configured with credentials before any skill works. Skills are grouped into three plugins (design, build, utilities) and some have inter-dependencies, so selective installs via `npx skills add google-labs-code/stitch-skills` need care. Published by Google Labs but explicitly not an officially supported Google product; OpenCode requires manual install and renaming of `stitch::` skill names.

Similar skills

• Karpathy-Inspired Claude Code Guidelines: A single CLAUDE.md with four principles to curb overengineering, silent assumptions, and unrelated edits in Claude Code.
• Scientific Agent Skills: A library of 177 Agent Skills that guide coding agents through scientific packages, databases, and research workflows.
• reverse-skill: Skill router pack that directs AI coding agents to the right methodology and tools for reverse engineering, pentesting, and security tasks.
• book-to-skill: Converts technical books, document folders, or source collections into structured Agent Skills for Claude Code and other coding agents.
• Hallmark: Design skill for Claude Code, Cursor, and Codex that builds, audits, and redesigns UI while avoiding generic AI-generated looks.
• Claude Skills (alirezarezvani): Large MIT-licensed library of 380+ agent skills, agents, and commands for Claude Code, Codex, Gemini CLI, Cursor, and other coding agents.