ak-stitch

name	ak:stitch
description	AI design generation with Google Stitch. Generate UI designs from text prompts, export Tailwind/HTML/DESIGN.md, orchestrate design-to-code pipeline. Use for rapid prototyping, UI generation, design exploration.
user-invocable	true
when_to_use	Invoke for AI-generated UI designs and design-to-code handoff.
category	frontend
keywords	["Stitch","UI-generation","prototyping","Tailwind"]
license	MIT
allowed-tools	["Bash","Read","Write","Edit"]
argument-hint	[design prompt or action]
metadata	{"author":"agentkit","version":"1.0.0"}

Google Stitch — AI Design Generation

Generate high-fidelity UI designs from text prompts via Google Stitch. Export Tailwind/HTML, orchestrate design-to-code pipelines with existing UI skills.

Free tier: 400 credits/day + 15 redesign credits/day. Resets at midnight UTC.

Setup

1. API Key

Get an API key at https://stitch.withgoogle.com → Settings → API Keys.

Add STITCH_API_KEY=sk_... to ~/.claude/.env (or ../.env).

Running install.sh auto-adds the placeholder if missing — just fill in the value.

2. Install SDK

cd scripts && npm install

Or run ../install.sh which handles this automatically.

3. Optional

# In ~/.claude/.env
STITCH_PROJECT_ID="my-project"    # Default project (auto-creates "claudekit-default" if unset)
STITCH_QUOTA_LIMIT="200"          # Override daily limit

4. MCP Server (optional)

Add to ~/.claude/.mcp.json for native design context in Claude Code:

{
  "mcpServers": {
    "stitch": {
      "command": "npx",
      "args": ["@_davideast/stitch-mcp", "proxy"],
      "env": { "STITCH_API_KEY": "${STITCH_API_KEY}"