stitch-loop

Skill nauczający agentów budować strony internetowe iteracyjnie za pomocą Stitch i autonomicznego systemu przekazywania zadań (baton-passing loop). W każdej iteracji agent czyta zadanie z pliku .stitch/next-prompt.md, generuje stronę przy użyciu narzędzi Stitch, integruje ją w strukturę witryny i przygotowuje instrukcje dla następnej iteracji. Wymaga dostępu do serwera Stitch MCP i pliku .stitch/DESIGN.md dokumentującego system projektowania.

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.