# Use Stitch Skills to generate, convert, and sync UI designs through agent workflows

> Install Google's Stitch skill suite so Codex, Claude Code, Cursor, Gemini CLI, or OpenCode can create screens, upload design assets, extract design systems, and convert Stitch designs into app code.

- Skill: `agentskillexchange/use-stitch-skills-to-generate-convert-and-sync-ui-designs-th` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/use-stitch-skills-to-generate-convert-and-sync-ui-designs-th`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/use-stitch-skills-to-generate-convert-and-sync-ui-designs-th/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/use-stitch-skills-to-generate-convert-and-sync-ui-designs-th

---


# Use Stitch Skills to generate, convert, and sync UI designs through agent workflows

Install Google's Stitch skill suite so Codex, Claude Code, Cursor, Gemini CLI, or OpenCode can create screens, upload design assets, extract design systems, and convert Stitch designs into app code.

## Prerequisites

An agent runtime that can load Agent Skills or plugins, plus the Stitch MCP server configured from Google's Stitch documentation

## Installation

For Codex, add the Stitch Skills marketplace, then enable the plugin you need from Codex's plugin UI:

- codex plugin marketplace add google-labs-code/stitch-skills --ref main

For Claude Code, install the project-local plugin with the documented plugins CLI:

- npx plugins add google-labs-code/stitch-skills --scope project --target claude-code

For selective skill installation, use the upstream skills CLI and include any required dependent Stitch skills:

- npx skills add google-labs-code/stitch-skills

- Source: https://github.com/google-labs-code/stitch-skills
- Extracted from upstream docs: https://raw.githubusercontent.com/google-labs-code/stitch-skills/HEAD/README.md

## Documentation

- https://stitch.withgoogle.com/docs/mcp/setup

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/use-stitch-skills-to-generate-convert-and-sync-ui-designs-through-agent-workflows/)