Stitch Skills
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
What is Stitch Skills?
Stitch Skills is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to library of agent skills designed to work with the stitch mcp server. each skill follows the agent skills open standard, for compatibility with coding agents such as antigravity, gemini cli, claude cod...
A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.
This server falls under the Coding Agents category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- A library of Agent Skills designed to work with the Stitch M
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx stitch-skillsConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use Stitch Skills
Stitch Skills is a curated library of Agent Skills built on the open Agent Skills standard that extends the Google Stitch MCP server with design-to-code and code-to-design workflows. It provides three plugin groups — stitch-design (upload code, generate screens, extract design systems), stitch-build (generate React and React Native components from Stitch designs), and stitch-utilities (generate DESIGN.md files, enhance prompts, scaffold multi-page sites) — that work inside Claude Code, Cursor, Gemini CLI, and Antigravity. Teams use it to bridge the gap between UI design and front-end implementation without leaving their coding agent.
Prerequisites
- Node.js 18+ and npx available in your terminal
- A configured and operational Stitch MCP server (complete the setup at stitch.withgoogle.com/docs/mcp/setup/)
- A Stitch account with at least one project created
- Claude Code, Cursor, Gemini CLI, or another Agent Skills-compatible coding agent
Complete Stitch MCP setup first
Stitch Skills is an extension of the Stitch MCP server. Before installing skills, follow the official Stitch MCP setup guide to register the server and configure credentials.
Install Stitch Skills for Claude Code
Use the plugins command to add the Stitch Skills package at project scope. This registers the stitch-design, stitch-build, and stitch-utilities plugins automatically.
npx plugins add google-labs-code/stitch-skills --scope project --target claude-codeInstall Stitch Skills for Cursor
For Cursor users, install with workspace scope to make the skills available across all projects in the workspace.
npx plugins add google-labs-code/stitch-skills --scope workspace --target cursorVerify available skills
After installation, list registered skills to confirm all three plugin groups (stitch-design, stitch-build, stitch-utilities) are active.
npx skills listUse skills in your coding agent
With the skills installed, you can issue natural language commands in Claude Code or Cursor to upload frontend code to Stitch, generate screens, convert designs to React components, or produce DESIGN.md documentation.
Stitch Skills Examples
Client configuration
Stitch Skills installs via the plugins command rather than a manual JSON config. The underlying MCP server config for Stitch should already be in place from the Stitch MCP setup step.
{
"mcpServers": {
"stitch": {
"command": "npx",
"args": ["stitch-skills"],
"env": {}
}
}
}Prompts to try
Once Stitch Skills is active inside your coding agent, try these design and build workflows.
- "Upload frontend code at ./src/dashboard into Stitch project 'Dashboard-Migration-2026'."
- "Make a browse tab for a mobile app for romance and date night ideas."
- "Convert all screens in Stitch project projects/abc123 to React components."
- "Generate a DESIGN.md for the current codebase."
- "Create a multi-page marketing website for a SaaS product with a landing page, pricing, and docs."Troubleshooting Stitch Skills
Skills commands return 'Stitch MCP server not found' errors
Stitch Skills requires the base Stitch MCP server to be running. Complete the Stitch MCP setup at stitch.withgoogle.com/docs/mcp/setup/ and verify it connects before adding skills.
npx plugins command is not recognized
Ensure you have Node.js 18+ installed and that npx is on your PATH. Run node --version to confirm. If using an older Node, upgrade via nvm or the Node.js website.
Designs are not appearing in the expected Stitch project
Double-check that you are referencing the correct project ID or name. Project identifiers in Stitch follow a 'projects/<id>' format; use the exact ID shown in the Stitch web UI.
Frequently Asked Questions about Stitch Skills
What is Stitch Skills?
Stitch Skills is a Model Context Protocol (MCP) server that library of agent skills designed to work with the stitch mcp server. each skill follows the agent skills open standard, for compatibility with coding agents such as antigravity, gemini cli, claude code, cursor. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install Stitch Skills?
Follow the installation instructions on the Stitch Skills GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with Stitch Skills?
Stitch Skills works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is Stitch Skills free to use?
Yes, Stitch Skills is open source and available under the Apache-2.0 license. You can use it freely in both personal and commercial projects.
Stitch Skills Alternatives — Similar Coding Agents Servers
Looking for alternatives to Stitch Skills? Here are other popular coding agents servers you can use with Claude, Cursor, and VS Code.
Dify
★ 142.2kProduction-ready platform for agentic workflow development.
Ruflo
★ 54.0k🌊 The leading agent orchestration platform for Claude. Deploy intelligent multi-agent swarms, coordinate autonomous workflows, and build conversational AI systems. Features enterprise-grade architecture, self-learning swarm intelligence, RAG integrat
Goose
★ 45.7kan open source, extensible AI agent that goes beyond code suggestions - install, execute, edit, and test with any LLM
Antigravity Awesome Skills
★ 38.3kInstallable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.
AgentScope
★ 25.5kBuild and run agents you can see, understand and trust.
Serena
★ 24.5kA coding agent toolkit that provides IDE-like semantic code retrieval and editing tools, enabling LLMs to efficiently navigate and modify codebases using symbol-level operations instead of basic file reading and string replacements.
Browse More Coding Agents MCP Servers
Explore all coding agents servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up Stitch Skills in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use Stitch Skills?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.