SkillProof tested Claude skills

StitchFlow

Orchestriert Google Stitch (MCP oder CLI-Toolkit) zum Generieren/Bearbeiten/Exportieren von UI-Bildschirmen – benötigt einen Stitch-API-Schlüssel.

von yshishenya · yshishenya/stitchflow

Funktioniert mit Setup ★ 7.6/10

StitchFlow — Orchestriert Google Stitch (MCP oder CLI-Toolkit) zum Generieren/Bearbeiten/Exportieren von UI-Bildschirmen – benötigt einen Stitch-API-Schlüssel.

Was es kann

Leitet Designanfragen (neuer Bildschirm, Bearbeitung, Varianten, Multi-Screen-Prototyp, DESIGN.md/Design-System-Arbeit, lokaler HTML+Screenshot-Export) an den richtigen Google Stitch-Workflow weiter, bevorzugt native Stitch MCP-Tools und greift auf ein gebündeltes Node-CLI-Toolkit zurück. Löst bei expliziten Stitch/StitchFlow-Anfragen oder Prototyp-/Varianten-/Export-Anfragen aus, aber jede tatsächliche Aktion ruft den externen, API-Schlüssel-geschützten Google Stitch-Dienst auf.

Testbericht

Jeder Workflow endet in `npm run generate` etc. gegen das gebündelte stitch-starter CLI, das sich außerhalb des Skill-Ordners unter $HOME/.agents/stitch-starter befindet und einen Google Stitch API-Schlüssel benötigt; führte es tatsächlich ohne Schlüssel aus und es schlug sauber fehl ('STITCH_API_KEY is not set... copy .env.example to .env'), anstatt etwas zu produzieren, sodass eine einfache SKILL.md-Kopie nicht funktionsfähig ist, bis install.sh + ein API-Schlüssel hinzugefügt werden.

Getestet am: 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

Befehle & Beispiel-Prompts

  • /stitchflowOrchestriert Google Stitch (MCP oder CLI-Toolkit) zum Generieren/Bearbeiten/Exportieren von UI-Bildschirmen – benötigt einen Stitch-API-Schlüssel.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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

Vollständiger Testbericht (Englisch) →