stitch::generate-design

stitch::generate-design27 wordsInspect firstinspect-then-install

Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit.

Quick Start

Install:

npx skills add google-labs-code/stitch-skills --skill design-md --skill react:components --skill stitch-loop --skill stitch::generate-design -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Use: /stitch::generate-design

Works with Claude Code, Gemini CLI, OpenCode, and other agentskills.io-compatible agents.

Curated external (hand-maintained)

Composed compose-external-wave-12 using authoring SSOT (docs/src/authoring/skills/stitch::generate-design.mdx) + research. Do not run wagents docs generate on this file (HAND-MAINTAINED sentinel). Run external-skill-auditor before using in production or promoting.

What It Does

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline.

Harness Coverage

Targets verified harnesses: antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode.

Portable multi-harness install command:

npx skills add google-labs-code/stitch-skills --skill design-md --skill react:components --skill stitch-loop --skill stitch::generate-design -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Trust / Audit

Trust tier: Inspect first (needs-inspection)

Curated status: inspect-then-install

Risk notes: Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit.

Entry maintained via authoring + research for compose-external-wave-12; provenance and audit notes are authoritative there (research context is advisory).

Install Prerequisites

Install: npx skills add google-labs-code/stitch-skills --skill design-md --skill react:components --skill stitch-loop --skill stitch::generate-design -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode status=inspect-then-install; selector=named

Public Metadata

Field	Value
Source Type	curated-external
Display Source	google-labs-code/stitch-skills
Source Kind	github
Installability	portable command
Review State	curated
Trust Tier	needs-inspection
Target Agents	antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode

General

Field	Value
Name	stitch::generate-design

Curated catalog entry

docs/src/authoring/skills/stitch::generate-design.mdx (full SSOT excerpt)

---
name: "stitch::generate-design"
description: "Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit."
title: "Stitch::Generate Design"
source_kind: "curated-external"
source: "google-labs-code/stitch-skills"
install_source: "google-labs-code/stitch-skills"
status: "inspect-then-install"
trust_tier: "needs-inspection"
provenance_status: "verified-install-command"
install_command: "npx skills add google-labs-code/stitch-skills --skill design-md --skill react:components --skill stitch-loop --skill stitch::generate-design -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode"
target_agents: [antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode]
source_url: "https://github.com/google-labs-code/stitch-skills"
notes: "Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit."
risk_notes: "Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit."
promotion_policy: "Inspect source, hooks, scripts, credentials, and dedupe before install."
provenance_evidence: "Curated `npx skills add` command with named `--skill` selectors under `inspect-then-install` in config/external-skills.md."
---

{/* GENERATED-AUTHORING: source=config/external-skills.md; entry=stitch::generate-design; re-run migration to refresh */}

Google Stitch design pipeline. Requires Stitch MCP auth and network calls to Google services; pin commit after audit.

Install / provenance (from authoring frontmatter + research):

Field	Value
install_command	npx skills add google-labs-code/stitch-skills --skill design-md --skill react:components --skill stitch-loop --skill stitch::generate-design -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode
source	google-labs-code/stitch-skills
source_url	https://github.com/google-labs-code/stitch-skills
trust_tier	needs-inspection
curated_status	inspect-then-install
target_agents	antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode

Resources

Skill Catalog Browse custom and external skills.

CLI Reference Install and manage skills.