# Stitch Skills

> Skills for agents to work with Google Stitch and its MCP server

- Category: Agent skills (`skills`)
- Tags: `open-source`, `free`, `claude-code`
- Official: https://github.com/google-labs-code/stitch-skills
- Wunderlust: https://wunderlust.xyz/r/stitch-skills
- Image: https://wunderlust.xyz/media/stitch-skills-poster.jpg
- Video preview: https://wunderlust.xyz/media/stitch-skills.webm
- Added: 2026-11-05

## What it is

A library of Agent Skills that works with the Google Stitch MCP server, to generate screens, design systems and code from Stitch projects.

## What it’s for

Use it to connect an agent (Claude Code, Codex, Gemini CLI) to Stitch and go from prompt to screen to components.

## Benefits

- stitch-design: generates and edits screens and manages DESIGN.md
- stitch-build: generates React, React Native and shadcn/ui components, dashboards and Remotion videos
- stitch-utilities: improves vague prompts and builds multi-page sites from a prompt

## Caveats

- Apache-2.0 license; requires the Stitch MCP server to be configured
- The README says it is not an officially supported Google product

## Similar on Wunderlust

- [Expo Skills](https://wunderlust.xyz/r/expo-skills.md): The Expo team's official skills for agents on Expo and React Native apps
- [MCP Builder](https://wunderlust.xyz/r/mcp-builder.md): An Anthropic skill for building MCP servers with an agent
- [Android Skills](https://wunderlust.xyz/r/android-skills.md): Google's skills for coding agents working on Android projects
- [Frontend Design](https://wunderlust.xyz/r/frontend-design.md): Anthropic skill that improves the visual direction of interfaces generated by Claude Code
- [GSAP Skills](https://wunderlust.xyz/r/gsap-skills.md): GSAP's official skills for agents to generate correct animation code
- [Design.md Chrome](https://wunderlust.xyz/r/design-md-chrome.md): A Chrome extension that extracts a site's design into DESIGN.md or SKILL.md
