Stitch Design
diodeme/Gold-Band
Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band.
Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI…
Install Stitch CLI
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cli --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/stitch-cli .claude/skills/stitch-cli && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .claude/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cliType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cli --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/stitch-cli .agents/skills/stitch-cli && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .agents/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cli --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/stitch-cli .cursor/skills/stitch-cli && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .cursor/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/ItamarZand88/CLI-Anything-WEB.git --path .claude/skills/stitch-cli--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cli --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/stitch-cli .gemini/skills/stitch-cli && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .gemini/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cliInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/stitch-cli .github/skills/stitch-cli && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .github/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ItamarZand88/CLI-Anything-WEB stitch-cli --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ItamarZand88/CLI-Anything-WEB.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/stitch-cli .opencode/skills/stitch-cli && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "stitch-cli" agent skill from https://github.com/ItamarZand88/CLI-Anything-WEB/tree/main/.claude/skills/stitch-cli into .opencode/skills/stitch-cli/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "stitch-cli", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
stitch-cli- GitHub stars
- 231
- Token cost
- ~842 tokens
- SKILL.md length
- 225 words
- Files
- 1
- Skills in repo
- 42
- Repo updated
- First seen
- Licence
- MIT
At a glance
Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI…
- The user asks about Google Stitch
- SKILL.md covers Commands, Examples, JSON output and Auth, plus 2 more sections
- Calls pip and playwright
- Generating app mockups
What it does
Stitch CLI is an agent skill from ItamarZand88/CLI-Anything-WEB. Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI (flash/pro/redesign models), manage projects (rename, duplicate, delete, download), and view or download generated screen HTML. Use when the user asks about Google Stitch, AI UI design, generating app mockups or screens from prompts, or managing Stitch projects. Prefer this CLI over browsing stitch.withgoogle.com. Requires Google login.
Its SKILL.md is about 840 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering UI design. It works with Google Stitch. The repository describes itself as: Claude Code plugin that generates production-grade Python CLIs for any web app. 20 CLIs and counting. The licence is MIT.
When your agent uses it
- The user asks about Google Stitch
- Generating app mockups
- Screens from prompts
- Managing Stitch projects
Example prompts
- “Use the stitch-cli skill to drive Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create…”
- “/stitch-cli”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit 931e201. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
pipplaywright
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pip, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Stitch CLI loads about 842 tokens when it runs. Until then it costs about 133 tokens; SKILL.md has 225 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from ItamarZand88/CLI-Anything-WEB at commit 931e201, republished under its MIT licence (© ItamarZand88). 225 words, ~842 tokens.
Download SKILL.mdSave it as
.claude/skills/stitch-cli/SKILL.md (or your agent's skills folder).- name
- stitch-cli
- description
- Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI (flash/pro/redesign models), manage projects (rename, duplicate, delete, download), and view or download generated screen HTML. Use when the user asks about Google Stitch, AI UI design, generating app mockups or screens from prompts, or managing Stitch projects. Prefer this CLI over browsing stitch.withgoogle.com. Requires Google login.
cli-web-stitch
Generate and manage Google Stitch AI UI designs. Requires Google SSO auth (auth login).
Install: pip install "cli-web-stitch[auth]", then playwright install chromium.
Commands
| Command | Purpose | Key options |
|---|---|---|
projects create PROMPT | New project + first design generation | --platform app|web, --wait/--no-wait |
projects list|get|rename|duplicate|delete | Manage projects | rename takes NEW_NAME; delete takes -y/--yes |
projects download PROJECT_ID | Download all screen HTML files | -o/--output DIR |
design generate PROMPT | Generate/modify design with an AI prompt | --project ID, --model flash|pro|redesign, --device mobile|web|tablet|agnostic, --wait/--no-wait, --retry N |
design theme | Design system (colors, typography) for a project | --project ID |
design history | Generation sessions (prompt history) | --project ID |
screens list|get|download SCREEN_ID | View/save generated screens | --project ID, -o/--output |
use PROJECT_ID / status | Set/show active project context | once set, --project is optional |
Examples
# Create a mobile app design and wait for generation
cli-web-stitch projects create "A fitness tracking app" --platform app --wait --json
# Set context, then iterate on the design
cli-web-stitch use <project-id>
cli-web-stitch design generate "Add a dark header with a search bar" --model pro --wait --json
# List screens and download all HTML exports
cli-web-stitch screens list --json
cli-web-stitch projects download <project-id> -o ./stitch-export --json
# Inspect the project's design system
cli-web-stitch design theme --jsonJSON output
Every command accepts --json. Success responses are {"success": true, "data": ...}; errors are {"error": true, "code": "...", "message": "..."}.
Auth
cli-web-stitch auth login # browser-based Google SSO (--headed default, --headless available)
cli-web-stitch auth status --json
cli-web-stitch auth import FILE # import cookies from a JSON fileRun doctor to diagnose auth setup. For CI, set CLI_WEB_STITCH_AUTH_JSON with the cookies JSON.
Utilities
cli-web-stitch doctor [--json] self-diagnoses the local setup (install, auth, dependencies). cli-web-stitch mcp-serve serves the commands as MCP tools over stdio.
Agent tips
- Use
--waitonprojects createanddesign generate— generation is async and the CLI polls with backoff (--retry Nfor rate limits). projects createcontrols platform (--platform app|web);design generatecontrols model and device type.- Grab IDs from
projects list/screens listJSON (.data[].id), thenuse <project-id>to avoid repeating--project.
© ItamarZand88, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in .claude/skills/stitch-cli of ItamarZand88/CLI-Anything-WEB.
Open the folder on GitHubat commit 931e201
Compare with similar skills
Stitch CLI next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Stitch CLI this skillItamarZand88/CLI-Anything-WEB | 231 | — | ~842 | Automated safety check: Pass | MIT | |
| Stitch Designdiodeme/Gold-Band | 143 | 1 repos | ~925 | Automated safety check: Pass | AGPL-3.0 | |
| Stitch UI Designaiskillstore/marketplace | 430 | 5 repos | ~2.7k | Automated safety check: Pass | None | |
| Omk StitchKaimingWan/oh-my-kiro | 107 | — | ~2.2k | Automated safety check: Pass | MIT | |
| UI StylingOhh-889/skyroc | 795 | 13 repos | ~2.5k | Automated safety check: Pass | MIT | |
| LobeHub Interactive Prototypelobehub/lobehub | 83k | — | ~1.6k | Automated safety check: Pass | Custom licence |
Similar skills
Stitch UI Design
aiskillstore/marketplace
Expert guide for creating effective prompts for Google Stitch AI UI design tool.
Omk Stitch
KaimingWan/oh-my-kiro
Google Stitch design-to-code workflow with design system management.
UI Styling
Ohh-889/skyroc
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.
LobeHub Interactive Prototype
lobehub/lobehub
Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.
Make Interfaces Feel Better
samuelclay/NewsBlur
Design engineering principles for making interfaces feel polished.
More from ItamarZand88/CLI-Anything-WEB
All 42 skills in this repoStandards
ItamarZand88/CLI-Anything-WEB
Runs Phase 4 review/publish/verify for a cli-web- CLI: implementation review by 3 parallel agents, the tiered quality checklist (Tier 1 critical fail-fast, then comprehensive), pip install + smoke…
Airbnb CLI
ItamarZand88/CLI-Anything-WEB
Searches Airbnb from the terminal via cli-web-airbnb — find stays by location, dates, and filters; get listing details, guest reviews, and availability calendars; autocomplete location names.
Amazon CLI
ItamarZand88/CLI-Anything-WEB
Searches Amazon from the terminal via cli-web-amazon — product search, product details by ASIN, Best Sellers by category, and autocomplete suggestions.
Booking CLI
ItamarZand88/CLI-Anything-WEB
Searches Booking.com from the terminal via cli-web-booking — find hotels, apartments, and hostels by destination, dates, and guests; get property details by slug; resolve destination names to IDs.
Booking CLI
ItamarZand88/CLI-Anything-WEB
Use cli-web-booking to search Booking.com for hotels, apartments, hostels, and accommodations by destination, dates, and filters.
Capitoltrades CLI
ItamarZand88/CLI-Anything-WEB
Queries US congressional stock trades (STOCK Act disclosures) on capitoltrades.com via the cli-web-capitoltrades command-line tool — trades with rich filters, politician profiles and leaderboards…
Related
Works with
Categories
Questions about Stitch CLI
What does Stitch CLI do?
Drives Google Stitch (stitch.withgoogle.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI…. Stitch CLI is an agent skill from ItamarZand88/CLI-Anything-WEB.com), the AI UI design tool, via the cli-web-stitch command-line tool — create design projects from text prompts, iterate on designs with AI (flash/pro/redesign models), manage projects (rename, duplicate, delete, download), and view or download generated screen HTML.
When should I use Stitch CLI?
Stitch CLI fits situations like: the user asks about Google Stitch; generating app mockups; screens from prompts; managing Stitch projects.
How do I install Stitch CLI in Claude Code?
Run `npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a claude-code`. Or copy the skill folder (.claude/skills/stitch-cli in ItamarZand88/CLI-Anything-WEB) into .claude/skills/stitch-cli in your project. Claude Code loads it when a task matches its description.
How do I install Stitch CLI in Codex?
Run `npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a codex`. Or copy the skill folder (.claude/skills/stitch-cli in ItamarZand88/CLI-Anything-WEB) into .agents/skills/stitch-cli in your project. Codex loads it when a task matches its description.
Can I use Stitch CLI in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ItamarZand88/CLI-Anything-WEB --skill stitch-cli -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/stitch-cli, .gemini/skills/stitch-cli, .github/skills/stitch-cli and .opencode/skills/stitch-cli in your project.
What does Stitch CLI need to run?
Going by SKILL.md and its folder, Stitch CLI needs the command-line tools its instructions call (pip and playwright). Our summary lists: Python 3.
Does Stitch CLI access the network?
SKILL.md contains no URLs. Its commands use pip, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Stitch CLI safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Stitch CLI use?
Stitch CLI is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Stitch CLI use?
About 842 tokens (SKILL.md is roughly 3.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Stitch CLI?
Skills that share tags, products or a category with Stitch CLI: Stitch Design (diodeme/Gold-Band, 143 stars), Stitch UI Design (aiskillstore/marketplace, 430 stars), Omk Stitch (KaimingWan/oh-my-kiro, 107 stars) and UI Styling (Ohh-889/skyroc, 795 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Stitch CLI?
ItamarZand88 (a GitHub user) maintains it in ItamarZand88/CLI-Anything-WEB, which has 231 GitHub stars. The repository holds 42 skills in this directory. The repository was last updated on October 1, 2026.
Source: ItamarZand88/CLI-Anything-WEB on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.