StitchFlow

Orchestra Google Stitch (MCP o toolkit CLI) per generare/modificare/esportare schermate UI — necessita di una chiave API Stitch.

di yshishenya · yshishenya/stitchflow

Richiede configurazione ★ 7.6/10

StitchFlow — Orchestra Google Stitch (MCP o toolkit CLI) per generare/modificare/esportare schermate UI — necessita di una chiave API Stitch.

Cosa fa

Instrada le richieste di design (nuova schermata, modifica, varianti, prototipo multi-schermata, lavoro su DESIGN.md/design-system, esportazione locale HTML+screenshot) al flusso di lavoro Google Stitch corretto, preferendo gli strumenti nativi Stitch MCP e ripiegando su un toolkit CLI Node incluso. Si attiva con richieste esplicite Stitch/StitchFlow o richieste di prototipo/variante/esportazione, ma ogni azione reale chiama il servizio Google Stitch esterno, protetto da chiave API.

Rapporto di test

Ogni flusso di lavoro termina in `npm run generate` ecc. contro la CLI stitch-starter inclusa, che si trova fuori dalla cartella dello skill in $HOME/.agents/stitch-starter e richiede una chiave API Google Stitch; l'ho eseguito per davvero senza chiave e è fallito pulito ('STITCH_API_KEY is not set... copy .env.example to .env') piuttosto che produrre qualcosa, quindi una copia verbatim di SKILL.md è non funzionale finché non vengono aggiunti install.sh + una chiave API.

Testato il: 2026-07-15 · Claude Code 2.x (agent harness)

Installazione

git clone https://github.com/yshishenya/stitchflow.git
mkdir -p ~/.claude/skills
cp -r stitchflow/skills/stitchflow ~/.claude/skills/stitchflow
# NOT sufficient alone: the skill body executes commands against ${STITCH_STARTER_ROOT:-$HOME/.agents/stitch-starter}, a toolkit outside the skill folder — also run `bash stitchflow/install.sh --target claude` and set STITCH_API_KEY in the toolkit .env

Comandi e prompt di esempio

  • /stitchflowOrchestra Google Stitch (MCP o toolkit CLI) per generare/modificare/esportare schermate UI — necessita di una chiave API Stitch.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • generate a pricing page screen design using Google Stitch
  • create a few variants of this onboarding screen through Stitch
  • export this multi-screen prototype as local HTML with screenshots