📦

stitch-loop

Name: stitch-loop
Author: google-labs-code

Sûr ⚙️ Commandes externes

Autonomer Website-Build-Loop

Automatisiert die iterative Website-Entwicklung mithilfe von Stitch MCP-Tools und einem Baton-Passing-Loop-Muster. Agents generieren Seiten autonom, wahren das Projektkontext und führen die Entwicklung durch kontinuierliche Verbesserungszyklen fort.

Prend en charge: Claude Codex Code(CC)

📊 69 Adéquat

Télécharger le ZIP du skill

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

Activez et commencez à utiliser

Tester

Utilisation de "stitch-loop". next-prompt.md enthält: --- page: contact --- Eine warme Kontaktseite für die Möbelwebsite. **DESIGN SYSTEM (ERFORDERLICH):** [Design system block from DESIGN.md]

Résultat attendu:

1. Liest den Baton und extrahiert 'contact' als Seitenname
2. Generiert die Kontaktseite mit Stitch MCP
3. Verschiebt generiertes HTML von queue/ nach site/public/contact.html
4. Aktualisiert SITE.md Abschnitt 4, um contact.html als abgeschlossen zu markieren
5. Schreibt nächsten Baton mit einer neuen Seitenaufgabe (z. B. 'achievements')

Utilisation de "stitch-loop". SITE.md zeigt abgeschlossene Roadmap-Aufgaben

Résultat attendu:

Nachdem alle Aufgaben mit hoher und mittlerer Priorität abgeschlossen sind, führt der Agent aus:
1. Überprüft Abschnitt 5 (Roadmap) - alle Einträge markiert abgeschlossen
2. Bewertet Abschnitt 6 (Kreative Freiheit) nach Ideen
3. Wählt eine Idee aus (z. B. 'materials.html')
4. Erstellt Baton mit neuer Aufgabe und entfernt die Idee aus Abschnitt 6

Audit de sécurité

Sûr

v1 • 2/2/2026

No security concerns found. Static analyzer produced numerous false positives due to pattern matching on documentation content (hex color codes in design templates, example website text, file path patterns). All findings are documentation strings describing project structure, not executable code.

Fichiers analysés

526

Lignes analysées

résultats

Total des audits

Facteurs de risque

⚙️ Commandes externes (100)

Audité par: claude

Score de qualité

Architecture

100

Maintenabilité

Contenu

Communauté

100

Sécurité

Conformité aux spécifications

Ce que vous pouvez construire

Kontinuierliche Bereitstellungspipeline

GitHub Actions löst bei Änderungen an Baton-Dateien aus und führt automatisierte Iterationen aus, um Website-Sektionen zu bauen und bereitzustellen.

Menschunterstützte Agent-Entwicklung

Entwickler überprüft jede Iteration, bevor der Loop weiterläuft, was eine kontrollierte Website-Entwicklung mit menschlicher Überwachung ermöglicht.

Multi-Agent-Orchestrierung

Ein Agent weist spezialisierte Agents (Design, Entwicklung, Testing) in einem koordinierten Baton-Passing-Workflow zu.

Essayez ces prompts

Grundlegender Build-Loop

Lies die Datei next-prompt.md, um deine Aufgabe zu verstehen. Generiere die angeforderte Seite mit Stitch MCP-Tools, integriere sie in die Site-Struktur, aktualisiere SITE.md und bereite die nächste Iteration in next-prompt.md vor.

Mit Designsystem

Lies next-prompt.md und DESIGN.md. Generiere die Seite unter Berücksichtigung der Designsystem-Spezifikationen. Kopiere den DESIGN_SYSTEM-Block aus DESIGN.md in deinen Prompt. Nach der Generierung und Integration aktualisiere SITE.md und bereite die nächste Iteration vor.

Mit visueller Überprüfung

Lies next-prompt.md und DESIGN.md. Generiere die Seite mit Stitch MCP-Tools. Starte einen lokalen Server mit npx serve site/public. Nutze Chrome DevTools, um zur Seite zu navigieren und diese zu schröpfen. Vergleiche mit Stitch-Ausgabe auf Ähnlichkeit. Nach erfolgreicher Überprüfung integriere die Seite, aktualisiere SITE.md und bereite die nächste Iteration vor.

Loop-Wartung

Lies SITE.md, um zu prüfen, ob der Roadmap-Plan abgeschlossen ist. Wenn noch Aufgaben im Backlog verbleiben, erstelle einen Baton mit der nächsten Aufgabe. Wenn das Backlog leer ist, entferne Ideen aus Abschnitt 6 oder designe neue Seiten, die zum Projektvision passen. Aktualisiere immer next-prompt.md, um den Loop am Leben zu erhalten.

Bonnes pratiques

Aktualisiere vor Abschluss jeder Iteration immer next-prompt.md, um den Loop am Leben zu erhalten
Kopiere den vollständigen DESIGN_SYSTEM-Block aus DESIGN.md in jeden Baton-Prompt für Konsistenz
Verifiziere, dass Dateinamen mit dem 'page'-Feld in YAML Frontmatter übereinstimmen

Éviter

Vergessen, next-prompt.md zu aktualisieren - dies unterbricht den autonomer Loop
Erstellen von Seiten neu, die bereits in SITE.md Abschnitt 4 existieren
Nicht Einbinden des Design-System-Blocks in Baton-Prompts - führt zu inkonsistenten Stilen

Foire aux questions

Was ist das Baton-Passing-Loop-Muster?

Ein Loop, bei dem eine Iteration eine Aufgabe in eine Baton-Datei (next-prompt.md) schreibt und eine andere Iteration sie liest. Dies ermöglicht eine kontinuierliche, autonome Entwicklung ohne manuelle Eingriffe zwischen den Zyklen.

Muss ich den Loop manuell auslösen?

Nicht zwingend. Der Loop kann durch CI/CD (GitHub Actions bei Dateiänderungen), einen menschlichen im Loop (Entwickler prüft jede Iteration) oder Agentenketten (ein Agent weist einen anderen zu) ausgelöst werden.

Was ist der Stitch MCP-Server?

Stitch ist ein Model Context Protocol (MCP)-Server, der Tools für die Generierung von Website-Screens aus Text-Prompts bereitstellt. Diese Skill nutzt Stitches generate_screen_from_text-Tool, um Seiten autonom zu bauen.

Warum benötige ich DESIGN.md?

DESIGN.md enthält die visuellen Designsystem-Spezifikationen (Farben, Typografie, Layout), die sicherstellen, dass alle generierten Seiten konsistente Stile beibehalten. Das Einbinden des DESIGN_SYSTEM-Blocks in Baton-Prompts garantiert visuelle Konsistenz.

Was passiert, wenn next-prompt.md fehlt?

Der Agent sollte SITE.md Abschnitt 5 (Roadmap) für die nächste Aufgabe prüfen. Wenn die Roadmap abgeschlossen und leer ist, wähle eine Aufgabe aus Abschnitt 6 (Kreative Freiheit) oder erfinde eine neue Seite, die zum Projektvision passt.

Kann ich den Loop unterbrechen oder stoppen?

Ja. Entferne oder lösche einfach die Baton-Datei (next-prompt.md), um zu signalisieren, dass der Loop gestoppt werden soll. Der Agent erkennt dies und führt seine aktuelle Aufgabe ohne Erstellen eines neuen Baton aus.