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.
Stitch-skills is a library of agent skills that integrate AI coding agents with Google Stitch, a design-to-code platform. Each skill follows the Agent Skills open standard and requires the Stitch MCP server to be running. The collection spans three plugin categories: design workflows (creating and managing UI designs), build tools (generating React, React Native, and other framework code from designs), and utilities (prompt enhancement and design system generation). Compatible with Codex, Antigravity, Gemini CLI, Claude Code, Cursor, and OpenCode.
Key Features
Use Cases
- 01Convert existing frontend codebases (React, Vue) into editable Stitch designs for redesign workflows
- 02Generate new mobile or web UI screens from text descriptions or reference images
- 03Transform Stitch design mockups into validated React or React Native component libraries
- 04Extract and standardize design systems from source code into portable DESIGN.md specifications
- 05Create walkthrough demo videos from multi-screen Stitch projects using Remotion
- 06Build DeFi dashboards and data-heavy applications from Stitch screens with React + Vite + TanStack Query
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
stitch-skills — FAQ
What is stitch-skills?+
Stitch-skills is a library of agent skills that connect AI coding agents to Google Stitch, enabling design creation, code generation, and design system management. It follows the Agent Skills open standard for compatibility across multiple coding assistants.
How do I install stitch-skills in Codex?+
Add the marketplace with 'codex plugin marketplace add google-labs-code/stitch-skills --ref main', then install the desired plugins (stitch-design, stitch-build, or stitch-utilities) through the Codex UI or CLI. You can also install individual skills selectively using 'npx skills add google-labs-code/stitch-skills'.
Which AI coding agents work with stitch-skills?+
Stitch-skills is compatible with Codex, Antigravity, Gemini CLI, Claude Code, Cursor, and OpenCode. Codex offers marketplace-based installation, while OpenCode requires manual copying of skill folders and MCP server configuration.
What are the prerequisites for using stitch-skills?+
You must configure and run the Stitch MCP server in your agent's environment before using any skill. Follow the Stitch MCP Setup Instructions at stitch.withgoogle.com/docs/mcp/setup/ to register the server and configure credentials and environment variables.
Is stitch-skills free to use?+
The skills library is open source and available on GitHub. However, it requires access to Google Stitch and the Stitch MCP server, which may have their own terms and access requirements.
Can I install individual skills instead of full plugin suites?+
Yes, you can selectively install specific skills using 'npx skills add', but be aware that Stitch design skills often have inter-dependencies. Ensure you include all required dependencies when installing selectively.
How do I install stitch-skills?+
Open the source repository on GitHub and follow its README. stitch-skills is a skill — MCP Agents Market links you directly to the official repo.
Is stitch-skills free?+
stitch-skills is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.