StitchFlow

Orkestrerer Google Stitch (MCP eller CLI-verktøysett) for å generere/redigere/eksportere UI-skjermer — trenger en Stitch API-nøkkel.

av yshishenya · yshishenya/stitchflow

Krever oppsett ★ 7.6/10

StitchFlow — Orkestrerer Google Stitch (MCP eller CLI-verktøysett) for å generere/redigere/eksportere UI-skjermer — trenger en Stitch API-nøkkel.

Hva den gjør

Ruter designforespørsler (ny skjerm, redigering, varianter, multi-skjerm prototype, DESIGN.md/design-system arbeid, lokal HTML+skjermbilde eksport) til riktig Google Stitch arbeidsflyt, foretrekker native Stitch MCP-verktøy og faller tilbake til et bundlet Node CLI-verktøysett. Utløses ved eksplisitte Stitch/StitchFlow-forespørsler eller prototype/variant/eksport-spørsmål, men hver reelle handling kaller den eksterne, API-nøkkel-gated Google Stitch-tjenesten.

Testrapport

Hver arbeidsflyt bunner ut i `npm run generate` etc. mot det bundlete stitch-starter CLI-et, som lever utenfor ferdighetsmappen på $HOME/.agents/stitch-starter og krever en Google Stitch API-nøkkel; kjørte den for ekte uten nøkkel, og den feilet rent ('STITCH_API_KEY is not set... copy .env.example to .env') i stedet for å produsere noe, så en ren SKILL.md-kopi er ikke-funksjonell før install.sh + en API-nøkkel er lagt til.

Testet på: 2026-07-15 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

  • /stitchflowOrkestrerer Google Stitch (MCP eller CLI-verktøysett) for å generere/redigere/eksportere UI-skjermer — trenger en Stitch API-nøkkel.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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