StitchFlow

Orkestrerer Google Stitch (MCP eller CLI toolkit) til at generere/redigere/eksportere UI-skærme — kræver en Stitch API-nøgle.

Af yshishenya · yshishenya/stitchflow

Virker med opsætning ★ 7.6/10

StitchFlow — Orkestrerer Google Stitch (MCP eller CLI toolkit) til at generere/redigere/eksportere UI-skærme — kræver en Stitch API-nøgle.

Hvad det gør

Ruter designanmodninger (ny skærm, redigering, varianter, multi-skærms prototype, DESIGN.md/design-system arbejde, lokal HTML+screenshot eksport) til den rigtige Google Stitch arbejdsgang, foretrækker native Stitch MCP-værktøjer og falder tilbage til et bundtet Node CLI toolkit. Triggere på eksplicitte Stitch/StitchFlow anmodninger eller prototype/variant/export anmodninger, men enhver reel handling kalder den eksterne, API-nøgle-gatede Google Stitch service.

Testrapport

Enhver arbejdsgang bundter i `npm run generate` etc. mod den bundtede stitch-starter CLI, som ligger uden for skill-mappen på $HOME/.agents/stitch-starter og kræver en Google Stitch API-nøgle; kørte den for rigtigt uden nøgle, og den fejlede rent ('STITCH_API_KEY is not set... copy .env.example to .env') i stedet for at producere noget, så en ren SKILL.md kopi er ikke-funktionel, indtil install.sh + en API-nøgle er tilføjet.

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

Installation

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 toolkit) til at generere/redigere/eksportere UI-skærme — kræver en Stitch API-nøgle.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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