Toolverse
All skills

stitch-loop

by google-labs-code

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
5

About this skill

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

How to use

  1. Upewnij się, że masz zainstalowany serwer Stitch MCP oraz dostęp do narzędzi Chrome DevTools (opcjonalnie, dla weryfikacji wizualnej). Przygotuj projekt Stitch z plikami .stitch/DESIGN.md (zawierającym system projektowania) i .stitch/SITE.md (dokumentującym wizję i plan rozwoju witryny).
  2. Utwórz plik .stitch/next-prompt.md zawierający pole page w nagłówku YAML (określające nazwę generowanej strony) oraz zawartość opisującą zadanie. Pamiętaj, aby dołączyć blok systemu projektowania skopiowany z sekcji 6 pliku .stitch/DESIGN.md.
  3. Uruchom skill — agent automatycznie odczyta zawartość pliku baton (.stitch/next-prompt.md), wyodrębni nazwę strony i treść promptu.
  4. Agent wygeneruje stronę przy użyciu narzędzi Stitch MCP, a następnie zintegruje ją w strukturę witryny zgodnie z dokumentacją w .stitch/SITE.md.
  5. Przed zakończeniem pracy agent zaktualizuje plik .stitch/next-prompt.md nowymi instrukcjami dla następnej iteracji, umożliwiając ciągłe rozwijanie witryny.
  6. Jeśli masz zainstalowany Chrome DevTools, agent może zweryfikować wygenerowane strony wizualnie przed przejściem do następnej iteracji.

Related skills