StitchFlow

Orkiestruje Google Stitch (MCP lub zestaw narzędzi CLI) do generowania/edycji/eksportu ekranów UI — wymaga klucza API Stitch.

Autor: yshishenya · yshishenya/stitchflow

Działa po konfiguracji ★ 7.6/10

StitchFlow — Orkiestruje Google Stitch (MCP lub zestaw narzędzi CLI) do generowania/edycji/eksportu ekranów UI — wymaga klucza API Stitch.

Co robi ten skill

Kieruje żądania projektowe (nowy ekran, edycja, warianty, prototyp wieloekranowy, praca nad DESIGN.md/design-system, lokalny eksport HTML+zrzut ekranu) do odpowiedniego przepływu pracy Google Stitch, preferując natywne narzędzia Stitch MCP i cofając się do dołączonego zestawu narzędzi CLI Node. Reaguje na jawne żądania Stitch/StitchFlow lub prośby o prototyp/wariant/eksport, ale każde rzeczywiste działanie wywołuje zewnętrzną usługę Google Stitch z ograniczonym dostępem przez klucz API.

Raport z testu

Każdy przepływ pracy kończy się `npm run generate` itp. wobec dołączonego CLI stitch-starter, który znajduje się poza folderem skilla pod $HOME/.agents/stitch-starter i wymaga klucza API Google Stitch; uruchomiłem go faktycznie bez klucza i zakończył się czystym błędem ('STITCH_API_KEY is not set... copy .env.example to .env'), zamiast niczego produkować, więc zwykła kopia SKILL.md jest niefunkcjonalna do czasu dodania install.sh + klucza API.

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

Instalacja

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

Komendy i przykładowe prompty

  • /stitchflowOrkiestruje Google Stitch (MCP lub zestaw narzędzi CLI) do generowania/edycji/eksportu ekranów UI — wymaga klucza API Stitch.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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