스킬 stitch-loop

📦

stitch-loop

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

안전 ⚙️ 외부 명령어

Boucle de Construction de Site Autonome

Automatise le développement de sites web itératif à l'aide des outils Stitch MCP et du modèle de boucle à transmission de témoin. Les agents génèrent les pages de manière autonome, maintiennent le contexte du projet et continuent le développement par des cycles d'amélioration continue.

지원: Claude Codex Code(CC)

📊 69 적절함

스킬 ZIP 다운로드

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

토글을 켜고 사용 시작

테스트해 보기

"stitch-loop" 사용 중입니다. next-prompt.md contient : --- page: contact --- Une page de contact chaleureuse pour le site de meubles. **SYSTEME DE DESIGN (REQUIS) :** [Bloc de système de design depuis DESIGN.md]

예상 결과:

1. Lit le témoin et extrait 'contact' comme nom de page
2. Génère la page de contact à l'aide de Stitch MCP
3. Déplace le HTML généré de queue/ vers site/public/contact.html
4. Met à jour la Section 4 de SITE.md pour marquer contact.html comme complet
5. Écrit le prochain témoin avec une nouvelle tâche de page (par exemple 'achievements')

"stitch-loop" 사용 중입니다. SITE.md montre les éléments de roadmap complétés

예상 결과:

Après avoir complété toutes les tâches de haute et moyenne priorité, l'agent :
1. Vérifie la Section 5 (Roadmap) - tous les éléments marqués comme complets
2. Revue la Section 6 (Liberté Créative) pour les idées
3. Sélectionne une idée (par exemple 'materials.html')
4. Crée un témoin avec une nouvelle tâche et supprime l'idée de la Section 6

보안 감사

안전

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.

스캔된 파일

526

분석된 줄 수

발견 사항

총 감사 수

위험 요인

⚙️ 외부 명령어 (100)

감사자: claude

품질 점수

아키텍처

100

유지보수성

콘텐츠

커뮤니티

100

보안

사양 준수

만들 수 있는 것

Pipeline de Déploiement Continu

GitHub Actions déclenche sur les changements de fichier de témoin, exécutant des itérations automatisées pour construire et déployer des sections du site web.

Développement d'Agents Assisté par Humain

Le développeur révise chaque itération avant que la boucle ne continue, permettant un développement de site web avec oversight humain contrôlé.

Orchestration Multi-Agents

Un agent distribue aux agents spécialisés (design, développement, tests) dans un flux de travail coordonné à transmission de témoin.

이 프롬프트를 사용해 보세요

Boucle de Construction de Base

Lisez le fichier next-prompt.md pour comprendre votre tâche. Générez la page demandée à l'aide des outils Stitch MCP, intégrez-la dans la structure du site, mettez à jour SITE.md et préparez l'itération suivante dans next-prompt.md.

Avec Système de Design

Lisez next-prompt.md et DESIGN.md. Générez la page en suivant les spécifications du système de design. Copiez le bloc DESIGN_SYSTEM de DESIGN.md dans votre prompt. Après avoir généré et intégré, mettez à jour SITE.md et préparez l'itération suivante.

Avec Vérification Visuelle

Lisez next-prompt.md et DESIGN.md. Générez la page à l'aide des outils Stitch MCP. Lancez un serveur local avec npx serve site/public. Utilisez Chrome DevTools pour naviguer vers et prendre une capture d'écran de la page. Comparez par rapport à la sortie Stitch pour la fidélité. Une fois vérifié, intégrez la page, mettez à jour SITE.md et préparez l'itération suivante.

Maintenance de la Boucle

Lisez SITE.md pour vérifier si le roadmap est complet. Si des éléments de backlog restent, créez un témoin avec la tâche suivante. Si le backlog est vide, supprimez des idées de la Section 6 ou concevez de nouvelles pages qui correspondent à la vision du projet. Mettez toujours à jour next-prompt.md pour maintenir la boucle en vie.

모범 사례

Toujours mettre à jour next-prompt.md avant de compléter chaque itération pour maintenir la boucle en vie
Copiez le bloc DESIGN_SYSTEM complet depuis DESIGN.md dans chaque prompt de témoin pour la cohérence
Vérifiez que les noms de fichiers de page correspondent au champ 'page' dans le frontmatter YAML

피하기

Oublier de mettre à jour next-prompt.md - cela rompt la boucle autonome
Recréer des pages qui existent déjà dans la Section 4 de SITE.md
Ne pas inclure le bloc de système de design dans les prompts de témoin - cela entraîne des styles incohérents

자주 묻는 질문

Qu'est-ce que le modèle de boucle à transmission de témoin ?

Une boucle où une itération écrit une tâche dans un fichier de témoin (next-prompt.md) et une autre itération la lit. Cela permet un développement continu et autonome sans intervention manuelle entre les cycles.

Dois-je déclencher la boucle manuellement ?

Pas nécessairement. La boucle peut être déclenchée par CI/CD (GitHub Actions sur les changements de fichier), par un humain dans la boucle (développeur révise chaque itération), ou par des chaînes d'agents (un agent distribue à un autre).

Qu'est-ce que le serveur Stitch MCP ?

Stitch est un serveur Model Context Protocol (MCP) qui fournit des outils pour générer des écrans de sites web à partir de prompts texte. Cette compétence utilise l'outil generate_screen_from_text de Stitch pour construire les pages de manière autonome.

Pourquoi ai-je besoin de DESIGN.md ?

DESIGN.md contient les spécifications du système de design visuel (couleurs, typographie, mise en page) qui assurent que toutes les pages générées maintiennent un style cohérent. Copier le bloc DESIGN_SYSTEM dans les prompts de témoin garantit la cohérence visuelle.

Que se passe-t-il si next-prompt.md manque ?

L'agent doit vérifier la Section 5 (Roadmap) de SITE.md pour la prochaine tâche. Si le roadmap est complet et vide, choisissez une tâche dans la Section 6 (Liberté Créative) ou inventez une nouvelle page qui correspond à la vision du projet.

Puis-je interrompre ou arrêter la boucle ?

Oui. Simplement supprimez ou effacez le fichier de témoin (next-prompt.md) pour signaler que la boucle doit s'arrêter. L'agent détectera cela et terminera sa tâche actuelle sans créer un nouveau témoin.