AGENTCONN

// Skill profile

Stitch Skills

Framework Agnostic Intermediate Coding Open Source

google-labs-code/stitch-skills is Google's official Agent Skills library designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard for compatibility with coding agents including Antigravity, Gemini CLI, Claude Code, and Cursor. The library focuses on design-to-code conversion — skills that transform Stitch design HTML into production UI framework code (React, Vue, shadcn-vue, Flutter), validate syntax, and generate mock data from static designs. With 7.1K stars and Apache-2.0 licensing, stitch-skills represents Google's strategic entry into the cross-harness skills interop ecosystem — validating the SKILL.md format as an industry standard rather than a single-vendor convention.

Input / Output

Accepts

design-html stitch-components

Produces

framework-code mock-data validated-syntax

Overview

google-labs-code/stitch-skills is Google’s official Agent Skills library for the Stitch MCP server. Each skill follows the Agent Skills open standard — the same SKILL.md format used by addyosmani/agent-skills, mattpocock/skills, and obra/superpowers — ensuring compatibility with Antigravity IDE, Gemini CLI, Claude Code, and Cursor. The library ships design-to-code conversion skills that transform Stitch design system HTML into production framework code across React, Vue, shadcn-vue, and Flutter.

Key Capabilities

The library provides skills in three main categories:

Design-to-framework conversion: Skills that take Stitch HTML components and generate production code for specific UI frameworks — React components, Vue SFCs, shadcn-vue implementations, and Flutter widgets. Each skill handles framework-specific idioms (hooks vs composition API, widget trees vs JSX).

Syntax validation: Skills that validate converted output against framework-specific rules, catching issues before code reaches CI.

Mock data generation: Skills that extract static design content and generate external mock data files, separating data from presentation in converted components.

Why It Matters

Google publishing an Agent Skills library under the open standard is a strategic legitimacy signal. When the company behind Gemini and Antigravity ships skills in the same format that Claude Code and Cursor consume, it validates the SKILL.md format as a genuine cross-vendor standard rather than a single-ecosystem convention. This is the skills-interop equivalent of Google adopting MCP — the biggest player joining the convention makes it the de facto standard.

Use Cases

Design teams using Google’s Stitch design system who want to automate the handoff to engineering across multiple frontend frameworks. Also useful as a reference implementation for teams building their own design-to-code skills — the conversion patterns from design HTML to framework-specific code are well-structured examples of the genre.

Considerations

The skills are specific to Google’s Stitch design system — teams using other design systems (Figma tokens, custom design systems) would need to adapt the conversion logic. The library is Apache-2.0 licensed but the Stitch MCP server itself may have separate requirements. Active development with PRs adding new framework targets (Flutter, shadcn-vue) as of mid-2026.

Who It’s For

Teams working with Google’s Stitch design system who want automated design-to-code conversion via their coding agent. Also valuable for the broader agent-skills ecosystem as a reference for how design-system-specific skills should be structured — Google’s engineering standards applied to the SKILL.md format.

Tags

#skills #google #stitch #design-to-code #mcp #antigravity #gemini-cli #claude-code #cursor #agent-skills

Compatible Agents

AI agents that work well with Stitch Skills.

Similar Skills