stitch-loop : construction itérative de sites web avec Stitch
Ce skill fait partie de la bibliothèque google-labs-code/stitch-skills, une collection de skills compatibles avec le standard Agent Skills open standard, conçus pour fonctionner avec le Stitch MCP server et des agents comme Claude Code, Gemini CLI ou Cursor.
Ce que fait ce skill
stitch-loop enseigne à un agent comment construire un site web complet page par page, de façon autonome, en suivant un pattern de « baton-passing ». Concrètement, l'agent lit une tâche dans un fichier .stitch/next-prompt.md (le baton), génère une page via les outils MCP de Stitch, l'intègre dans la structure du site, puis écrit la prochaine tâche dans ce même fichier pour alimenter l'itération suivante. Ce cycle peut tourner en continu jusqu'à ce que le site soit complet.
Structure et fichiers clés
Le skill s'appuie sur une organisation de fichiers précise dans le projet : .stitch/DESIGN.md pour le système de design visuel (généré via le skill design-md), .stitch/SITE.md pour la vision du site et la roadmap, .stitch/next-prompt.md comme baton entre itérations, et .stitch/metadata.json pour persister les identifiants Stitch (projet et écrans). Les pages produites atterrissent dans site/public/ après une étape d'intégration qui recâble la navigation.
Comment l'utiliser
Installez le skill via la CLI skills avec la commande npx skills add google-labs-code/stitch-skills --skill stitch-loop --global. L'agent détecte automatiquement l'outil approprié selon votre environnement. Le skill est agnostique en matière d'orchestration : il fonctionne aussi bien en mode manuel (l'agent est relancé à la main), en CI/CD (GitHub Actions sur chaque modification du baton), ou dans des chaînes d'agents plus complexes. Le skill design-md est recommandé en amont pour initialiser le fichier .stitch/DESIGN.md qui garantit la cohérence visuelle entre les pages générées.