🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
BytesAgain β€Ί Skills β€Ί Stitch Design
πŸ¦€ ClawHub

Stitch Design

by @rasimme

Official Google Stitch SDK wrapper for OpenClaw. Requires only STITCH_API_KEY. Generate UI screens from text, apply targeted edits, branch variants, export H...

Versionv1.2.3
#api#legal
πŸ’‘ Examples

Runtime Scope

  • Network: Google Stitch API and Google-hosted screenshot URLs returned by Stitch
  • Credentials: STITCH_API_KEY only
  • Local writes: runs/, state/, latest-screen.json
  • No extra services, daemons, browser automation, or unrelated credentials required

    • The CLI is at scripts/stitch.mjs. All output is JSON on stdout.

    node scripts/stitch.mjs  [args] [--flags]

    βš™οΈ Configuration

    Required: Node.js 18+ and STITCH_API_KEY env var. Get a key at: https://stitch.withgoogle.com β†’ Profile β†’ API Keys Configure the key in your OpenClaw skill env settings or in the shell used to run the CLI.

    # Install dependencies (one-time, from skill root)
cd scripts && npm install

    Install scope: this installs the Node dependency declared in scripts/package.json (@google/stitch-sdk) plus its npm transitive dependencies.

    Troubleshooting:

  • STITCH_API_KEY not set β†’ ensure the env var is configured in OpenClaw skill settings or shell
  • ECONNRESET / timeouts β†’ Stitch API calls take 1-5 min; the CLI retries automatically
  • Corrupt names.json β†’ run node scripts/stitch.mjs rebuild --project to reconstruct from event log

    • View on ClawHub
    TERMINAL
    clawhub install stitch-design

    πŸ§ͺ Use this skill with your agent

    Most visitors already have an agent. Pick your environment, install or copy the workflow, then run the smoke-test prompt above.

    Manus
    Task-oriented agent. Great for testing AI skills end-to-end.
    Try Manus β†’
    OpenClaw
    Local-first agent. Install skills via ClawHub CLI.
    Set up OpenClaw β†’
    Claude Code
    Anthropic's coding agent. Paste the prompt or SKILL.md into your session.
    Claude Code docs β†’
    Cursor
    AI-powered IDE. Use the smoke-test prompt in Cursor Agent.
    Open Cursor β†’
    Continue.dev
    Open-source AI code assistant. Add SKILL.md as a custom tool.
    Continue docs β†’
    Windsurf
    Agentic IDE by Codeium. Paste the prompt into Cascade.
    Try Windsurf β†’
    Cline
    VS Code extension for autonomous coding with MCP tools.
    Cline on GitHub β†’
    Copilot Workspace
    GitHub's AI dev environment. Suitable for code-generation skills.
    Copilot Workspace β†’

    πŸ” Can't find the right skill?

    Search 60,000+ AI agent skills β€” free, no login needed.

    Search Skills β†’