Stitch Skills is a TypeScript library of agent skills built for Google Stitch, an MCP server designed to integrate with multiple coding agents including Antigravity, Gemini CLI, Claude Code, and Cursor. The repository implements the Agent Skills open standard, enabling compatibility across different AI-powered development environments. The skills are organized into three main plugin categories that cover the full design-to-code workflow.
The Design plugin suite contains six skills focused on design creation and management within Stitch. The code-to-design skill converts frontend code from frameworks like React and Vue into Stitch designs through HTML extraction and design system integration. The generate-design skill creates new screens from text or images and produces design variants. The manage-design-system skill handles design system uploads and theme application, while extract-design-md pulls comprehensive design system documentation directly from source code. The extract-static-html skill captures self-contained HTML snapshots from running web applications with inlined CSS and images, and upload-to-stitch handles asset uploads to Stitch projects.
The Build plugin category provides five skills for code generation and framework integration. The react-components skill converts Stitch screens to React component systems with automated validation and design token consistency. The react-native skill transforms HTML designs into production-ready React Native components with platform-specific code. The remotion skill generates walkthrough videos from Stitch projects with smooth transitions. The shadcn-ui skill provides guidance for integrating shadcn/ui components, and react-vite-dashboard converts Stitch screens to React dashboards with TanStack Query integration and Web3 read patterns.
The Utilities plugin suite includes four supporting skills. The design-md skill analyzes Stitch projects and generates comprehensive DESIGN.md files in semantic language. The enhance-prompt skill transforms vague UI ideas into polished, Stitch-optimized prompts with UI/UX keywords. The stitch-loop skill generates complete multi-page websites from single prompts with automated validation. The taste-design skill generates DESIGN.md files enforcing premium UI standards with strict typography and calibrated colors.
Installation is available through multiple methods. For Codex, users can add the Stitch Skills marketplace via CLI or the UI and install specific plugin combinations. Claude Code and Cursor users can install skills selectively, though the documentation notes that Stitch Design Skills often have inter-dependencies requiring careful attention to required dependencies. All skills require the Stitch MCP server to be configured and running with appropriate environment variables and credentials.
The repository structure follows the Agent Skills standard, with each skill implementing a consistent file organization pattern. The documentation identifies strong candidates for future skills including validation tools that convert Stitch HTML to other UI frameworks, skills that decouple static design content into external mock data files, and additional design generation capabilities. The project is not an officially supported Google product and is not eligible for Google's Open Source Software Vulnerability Rewards Program.
