StitchFlow

Orchestre Google Stitch (MCP ou boîte à outils CLI) pour générer/éditer/exporter des écrans d'interface utilisateur — nécessite une clé API Stitch.

par yshishenya · yshishenya/stitchflow

Fonctionne avec configuration ★ 7.6/10

StitchFlow — Orchestre Google Stitch (MCP ou boîte à outils CLI) pour générer/éditer/exporter des écrans d'interface utilisateur — nécessite une clé API Stitch.

Ce que fait

Route les demandes de conception (nouvel écran, édition, variantes, prototype multi-écrans, travail sur DESIGN.md/système de conception, export HTML local + capture d'écran) vers le bon flux de travail Google Stitch, préférant les outils natifs Stitch MCP et se rabattant sur une boîte à outils CLI Node groupée. Se déclenche sur des demandes explicites Stitch/StitchFlow ou des demandes de prototype/variante/exportation, mais chaque action réelle appelle le service Google Stitch externe, protégé par une clé API.

Rapport de test

Chaque flux de travail se termine par `npm run generate` etc. contre le CLI stitch-starter groupé, qui vit en dehors du dossier de compétence à $HOME/.agents/stitch-starter et nécessite une clé API Google Stitch; je l'ai exécuté pour de vrai sans clé et il a échoué proprement ('STITCH_API_KEY is not set... copy .env.example to .env') plutôt que de produire quoi que ce soit, donc une copie simple de SKILL.md est non fonctionnelle jusqu'à ce que install.sh + une clé API soient ajoutés.

Testé le: 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

Commandes et exemples de prompts

/stitchflowOrchestre Google Stitch (MCP ou boîte à outils CLI) pour générer/éditer/exporter des écrans d'interface utilisateur — nécessite une clé API Stitch.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →