Stitch Plugin for Claude Code

Google Stitch integration — design UIs, capture screenshots, and pull refined designs back as code.

Commands

Command	What it does
/stitch:stitch	Design or refine UIs with Google Stitch
/stitch:stitch-capture	Screenshot your web app pages for design analysis
/stitch:stitch-pull	Pull Stitch designs into your codebase as components
/stitch:stitch-setup	Set up Stitch MCP authentication

Setup

claude --plugin-dir /path/to/stitch-plugin

Or install from marketplace. Then run /stitch:stitch-setup to authenticate with Google.

Bundled MCP Servers

• stitch — Google Stitch MCP (@_davideast/stitch-mcp)
• playwright — Browser automation for screenshots (@playwright/mcp)

Workflows

Design from scratch

/stitch a modern SaaS pricing page with 3 tiers, dark theme

Refine existing pages

/stitch refine
> Captures your app, analyzes the design, sends to Stitch for improvement

Pull designs into code

/stitch-pull latest --framework react --dir ./src/components

Requirements

• Node.js 18+
• Google account (for Stitch access)
• gcloud CLI (installed automatically by setup)