
Pratique Gstack : flux de travail complet, de l'installation à l'exécution
Configuration de l'installation de gstack, référence complète des commandes, démonstration du flux de travail et meilleures pratiques de la communauté
##Présentation
Dans Concept, nous avons découvert le positionnement central de gstack - un ensemble de compétences basées sur les rôles qui transforme Claude Code en une équipe d'ingénierie virtuelle, et son positionnement différencié dans l'écosystème des outils de programmation d'IA par rapport à GSD, Superpowers, Ralph et d'autres solutions.
Cet article pratique se concentre sur comment utiliser : de l'installation et de la configuration à l'exécution du flux de travail complet, vous aidant à démarrer avec gstack en 30 minutes.
##Installation et configuration
Conditions préalables
- Claude Code est installé et disponible
- Git installé
- Bun v1.0+ installé (gstack est construit sur Bun)
- Les utilisateurs Windows ont également besoin de Node.js
Installation globale (recommandée, réalisée en 30 secondes)
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
cd ~/.claude/skills/gstack && ./setupLe script d'installation fait trois choses :
- Ajoutez les informations sur les compétences de gstack à votre fichier
CLAUDE.md - Placez tous les fichiers de compétences dans le répertoire des compétences
- Installez Playwright et le navigateur Chromium correspondant (pour
/browseet/qa)
Installation au niveau du projet (partage en équipe)
Si vous souhaitez que les membres de l'équipe obtiennent automatiquement gstack après le clonage du référentiel :
cp -Rf ~/.claude/skills/gstack .claude/skills/gstack
rm -rf .claude/skills/gstack/.git
cd .claude/skills/gstack && ./setup###Support multi-agents
gstack ne se limite pas à Claude Code et prend actuellement en charge 10 agents de programmation IA. ./setup détecte automatiquement les hôtes installés par défaut :
./setup --host codex # OpenAI Codex CLI
./setup --host opencode # OpenCode
./setup --host cursor # Cursor
./setup --host factory # Factory Droid
./setup --host slate # Slate
./setup --host kiro # Kiro
./setup --host hermes # Hermes
./setup --host gbrain # GBrain(修改版)
./setup --host openclaw # OpenClaw(通过 ACP 派发 Claude Code 会话)Le chemin d'installation des compétences de chaque hôte a la forme de ~/.<agent>/skills/gstack-*/ et n'interfère pas les uns avec les autres.
💡 Options supplémentaires pour les utilisateurs d'OpenClaw : En plus d'appeler via ACP, OpenClaw peut également installer directement 4 compétences méthodologiques natives (
gstack-openclaw-office-hours,gstack-openclaw-ceo-review,gstack-openclaw-investigate,gstack-openclaw-retro) via ClawHub, qui peuvent être utilisées en conversation sans session Claude Code.
Mode équipe (partage en équipe + mises à jour automatiques, recommandé)
La v1.x introduit le mode équipe : chaque développeur installe gstack globalement, et l'entrepôt enregistre uniquement "nous utilisons gstack", et les mises à jour se produisent automatiquement :
(cd ~/.claude/skills/gstack && ./setup --team) && \
~/.claude/skills/gstack/bin/gstack-team-init required && \
git add .claude/ CLAUDE.md && git commit -m "require gstack for AI-assisted work"Remplacer required par optional est un « rappel doux » plutôt qu’obligatoire. Chaque fois que vous démarrez Claude Code, il exécutera automatiquement une vérification de mise à jour (limitation une fois par heure, sûre et silencieuse en cas de panne du réseau). Il n’y a aucun fichier vendu dans l’entrepôt et il n’y a pas de dérive de version.
Mise à jour
cd ~/.claude/skills/gstack && git pull && ./setupOu utilisez /gstack-upgrade directement dans Claude Code.
Référence complète des commandes
Processus de sprint
| Commande | Rôle | Descriptif |
|---|---|---|
/office-hours | Heures de bureau de YC | 6 questions forçantes pour reconstruire l'orientation du produit et générer des documents de conception |
/plan-ceo-review | PDG / Fondateur | Vous recherchez des produits 10 étoiles, disponibles en quatre modèles de gamme |
/plan-eng-review | Responsable de l'ingénierie | Architecture de verrouillage, flux de données, cas extrêmes, matrice de test |
/plan-design-review | Concepteur senior | Concevez un score de 0 à 10, expliquez comment obtenir 10 points |
/plan-devex-review | Leader de l'expérience développeur | Explorez les portraits des développeurs, évaluez TTHW et concevez des moments magiques ; trois modes (DX EXPANSION / POLISH / TRIAGE), 20-45 questions de forçage |
/autoplan | Révision du pipeline | Exécutez automatiquement la revue PDG → Conception → Ingénierie → DX en séquence, décidez automatiquement en fonction des principes de prise de décision de codage et ne vous lancez que des « décisions de goût » |
Conception
| Commande | Descriptif |
|---|---|
/design-consultation | Créez un système de conception complet à partir de zéro et générez DESIGN.md |
/design-shotgun | Générez plusieurs variantes de conception IA et comparez les sélections dans le navigateur |
/design-html | Générez du HTML/CSS de qualité production, prenez en charge la détection du framework React/Svelte/Vue |
Examen et sécurité
| Commande | Rôle | Descriptif |
|---|---|---|
/review | Ingénieur d'état-major | Trouvez les bogues qui peuvent passer le CI mais qui exploseront en production, résoudront automatiquement les problèmes évidents et marqueront les lacunes d'intégrité |
/investigate | Expert en débogage | Débogage systématique des causes profondes. Règle de fer : ne corrigez pas le bug tant que vous n’avez pas trouvé la cause première ; arrêter après 3 échecs de correctifs |
/design-review | Concepteur capable d'écrire du code | Audit visuel + réparation automatique, soumission atomique, captures d'écran de comparaison avant et après |
/devex-review | Testeur DX | Exécutez réellement l'intégration : parcourez les documents, exécutez le processus de saisie, chronométrez le TTHW, les erreurs de capture d'écran, comparez avec le score /plan-devex-review |
/cso | Agent de sécurité | OWASP Top 10 + Modélisation des menaces STRIDE, 17 règles d'exclusion des faux positifs, seuil de confiance de 8/10, chaque résultat est accompagné de scénarios d'utilisation spécifiques |
Tests et assurance qualité
| Commande | Descriptif |
|---|---|
/qa | Ouvrez le vrai test du navigateur et trouvez le bug → Correction de la validation atomique → Générer un test de régression → Re-vérifier |
/qa-only | Comme ci-dessus mais uniquement pour le reporting, aucune modification du code |
/benchmark | Test de performances de base : chargement des pages, Core Web Vitals, taille des ressources, prise en charge avant et après comparaison |
/browse | Commandes de navigateur de niveau ~ 100 ms, Chromium réel, captures d'écran, remplissage de formulaire, clics sur les éléments |
/open-gstack-browser | Démarrez le navigateur GStack : contrôle visible de l'IA Chromium, livré avec une extension de barre latérale, furtivité anti-exploration, routage automatique du modèle (opération Sonnet/analyse Opus), prend en charge l'importation de cookies en un clic |
/setup-browser-cookies | Importez des cookies depuis de vrais navigateurs (Chrome/Arc/Brave/Edge) vers des sessions sans tête pour tester les pages requises pour la connexion |
/pair-agent | Couplage de navigateur d'agent Cross-AI : partagez le même navigateur GStack avec OpenClaw / Hermes / Codex / Cursor, etc., chaque agent a un onglet indépendant, est livré avec un tunnel ngrok pour prendre en charge les agents distants, jeton de portée + isolation d'onglet + limite de débit + attribution de comportement |
Libération, exploitation et maintenance
| Commande | Descriptif |
|---|---|
/ship | Synchroniser la branche principale → Exécuter des tests → Couverture d'audit → Mettre à jour la version → Soumettre le push → Créer un PR ; Bootstrap automatique lorsque le projet ne dispose pas de framework de test |
/land-and-deploy | Fusionner PR → Attendre CI → Déployer → Vérifier l'état de l'environnement de production |
/canary | Surveillance Canary post-déploiement : erreurs de console, régressions de performances, échecs de pages |
/setup-deploy | /land-and-deploy Configuration unique : plateforme de détection automatique (Fly.io/Render/Vercel/Netlify/Heroku/GitHub Actions/custom) + URL de production + commande de déploiement |
/setup-gbrain | Démarrez avec la base de données GBrain en un clic (en 5 minutes) : PGLite local, URL existante de Supabase, ou créez automatiquement un nouveau projet Supabase via l'API de gestion ; Enregistrement MCP + autorisations de lecture-écriture/lecture seule/refus au niveau de l'entrepôt |
Réviser et apprendre
| Commande | Descriptif |
|---|---|
/retro | Rapport hebdomadaire sur la perception de l'équipe : démontage par habitant, statistiques des séquences de victoires, tendances de santé des tests, opportunités de croissance ; /retro global sur tous les projets + outils d'IA (Claude Code / Codex / Gemini) |
/document-release | Mettre à jour automatiquement la documentation du projet pour qu'elle corresponde au code publié (README / ARCHITECTURE / CONTRIBUTING / CLAUDE.md / TODOS) ; /ship est désormais automatiquement appelé |
/learn | Gérer les mémoires d'apprentissage inter-sessions : afficher, rechercher, élaguer, exporter, accumuler par projet |
/context-save /context-restore | Package en mode point de contrôle continu : validation WIP automatique pour enregistrer le contexte, utilisez /context-restore pour reconstruire la session après un crash/un changement |
Protection de sécurité
| Commande | Descriptif |
|---|---|
/careful | Avertissement de fonctionnement dangereux : rm -rf, DROP TABLE, force-push, etc. |
/freeze / /unfreeze | Verrouiller/déverrouiller la portée de l'édition sur un répertoire spécifique |
/guard | Combinaison /careful + /freeze, mode de sécurité le plus élevé |
/checkpoint | Enregistrer/restaurer l'instantané de l'état de fonctionnement |
Intégration des outils
| Commande | Descriptif |
|---|---|
/codex | Intégration OpenAI Codex CLI : révision indépendante du code (porte réussite/échec), mode confrontation, mode consultation ; une analyse de chevauchement entre modèles sera donnée après l'exécution avec /review |
/health | Tableau de bord de qualité du code : tsc + biome + knip + shellcheck + tests → note globale 0-10 |
/skillify | Consolider le flux de travail actuel dans une compétence réutilisable |
/scrape | Flux de travail de scraping Web |
/landing-report | Rapport sur les performances et l'expérience de la page de destination |
/make-pdf | Générer un document PDF |
/benchmark-models /model-overlays /plan-tune | Comparaison inter-modèles, superposition de couverture, optimisation des forfaits |
Standalone CLI(v0.19+)
En plus de la commande slash, gstack est également livré avec un ensemble de CLI autonomes (non exécutées dans la session Claude Code) :
| Commande | Descriptif |
|---|---|
gstack-model-benchmark | Évaluation inter-modèles : exécutez Claude / GPT (via Codex CLI) / Gemini à la même invite, comparez le délai, le jeton, le coût et (facultatif) le score de qualité du juge LLM ; fournisseur indisponible ignore automatiquement |
gstack-taste-update | Apprentissage du goût de conception : écrivez l'approbation/la désapprobation de /design-shotgun dans le fichier de goût au niveau du projet, diminuez de 5 % chaque semaine et retournez-le à la génération de variantes ultérieure |
Détails de configuration
CLAUDE.md Ajouter du contenu
Après l'installation, gstack ajoutera une liste et une brève description de toutes les compétences disponibles à votre CLAUDE.md. Cela permet à Claude Code de savoir quelles commandes sont disponibles.
Structure du répertoire de compétences
L'entrée principale est le ~/.claude/skills/gstack/SKILL.md de niveau supérieur, chaque sous-commande existe sous la forme d'un répertoire plat et le noyau est le fichier SKILL.md :
~/.claude/skills/gstack/
├── SKILL.md # 主入口 skill
├── browse/ # 浏览器 daemon
├── qa/ # QA 测试
├── review/ # 代码审查
├── ship/ # 发布流程
├── plan-ceo-review/ # CEO 审查
├── office-hours/ # 产品门诊
├── pair-agent/ # 跨 Agent 浏览器配对
├── open-gstack-browser/ # GStack Browser 启动器
├── setup-gbrain/ # GBrain 数据库一键上手
├── hosts/ # 10 个 host 配置(claude/codex/cursor/...)
├── bin/ # standalone CLI(gstack-model-benchmark 等)
└── ... # 当前 v1.x 共 50 个 skill 目录Vous êtes libre de modifier n'importe quel SKILL.md pour personnaliser le comportement - c'est l'avantage du "fork and personnaliser".
Browse Daemon
Browse Daemon est une instance Chromium permanente. Configuration des clés :
- Port : 10 000 à 60 000 sélectionnés au hasard, prend en charge plus de 10 espaces de travail parallèles
- Sécurité : liez uniquement l'hôte local, utilisez l'authentification par jeton du porteur pour chaque session
- Cookie : utilisez
/setup-browser-cookiespour importer depuis Chrome/Arc/Brave/Edge
Démonstration pratique du flux de travail
Ce qui suit montre un flux de travail Gstack typique. Les commandes et les résultats sont basés sur des cas réels dans la documentation et les vidéos.
💡 Remarque : Le résultat suivant est un exemple général compilé sur la base de recherches. Des captures d'écran de projets spécifiques seront ajoutées à l'avenir en fonction de la pratique réelle.
Étape 1 : Clinique de produits
> /office-hours
[YC Office Hours] 6 forcing questions:
1. Who specifically needs this?
2. What do they do today without it?
3. Why is this urgent right now?
4. How will you know it works?
5. What happens if you do nothing?
6. What is the smallest version you can ship?
→ Design doc generatedNe vous précipitez pas pour écrire du code, laissez d'abord l'IA torturer vos idées du point de vue des heures de bureau de YC.
Étape 2 : Plan de révision multi-rôles
> /autoplan
[CEO Review] Finding the 10-star product...
[Design Review] Rating dimensions 0-10...
[Eng Review] Locking architecture + edge cases...
→ Fully reviewed plan ready/autoplan exécute automatiquement trois séries d'examens PDG → Conception → Ingénierie pour produire un plan post-examen complet.
Étape 3 : Implémentation du codage
Coder normalement selon le plan approuvé. Vous pouvez utiliser la conversation standard Claude Code.
Étape 4 : Revue de code multi-experts
> /review
Dispatching 7 specialist reviewers...
- Testing coverage ✓
- Maintainability ✓
- Security: Found 1 issue (auto-fixing)
- Performance ✓
- Data migration ✓
- API contract ✓
- Red team: No vulnerabilities found
→ Review complete, 1 auto-fix appliedÉtape 5 : Contrôle qualité du navigateur
> /qa
Opening headless browser...
Testing user flows:
- Login flow ✓
- Dashboard load ✓
- Form submission: Bug found → fixing → re-testing ✓
- Image upload ✓
→ 4 flows tested, 1 bug fixed, regression test generatedÉtape 6 : Publier
> /ship
Syncing with main...
Running tests: 42 passed, 0 failed
Reviewing diff: 3 files changed
Updating VERSION: 1.2.0 → 1.3.0
Creating PR: "Add screenshot feature"
→ PR #47 created, ready for mergeConseils pratiques et expérience communautaire
Suggestion de Garry Tan
ETHOS.md de gstack, trois principes fondamentaux :
- Boil the Lake : l'IA rend l'exhaustivité presque gratuite : terminez toujours les choses et ne prenez pas de raccourcis
- Rechercher avant de construire : recherchez d'abord, comprenez d'abord, puis commencez après une vérification des connaissances à trois niveaux
- Souveraineté de l'utilisateur : recommandation de l'IA, c'est vous qui décidez. Même si les deux modèles d’IA sont d’accord, votre jugement prévaut
Le README de gstack commence par une citation de Karpathy - c'est aussi le point de départ pour Garry Tan lui-même pour expliquer pourquoi il veut construire gstack :
I don't think I've typed like a line of code probably since December, basically, which is an extremely large change.
Expériences communautaires positives
/office-hourspour les candidatures YC : plusieurs candidats S26 sur Reddit r/ycombinator ont signalé que l'utilisation des heures de bureau de gstack pour tester leurs documents de candidature est très efficace.- L'audit de sécurité a révélé de réelles vulnérabilités : il y a eu un retour du CTO.
/reviewa découvert une vulnérabilité XSS dont l'équipe n'était pas au courant. /browseTests de navigateur réel : Reconnu par la communauté (y compris les critiques) comme une "contribution véritablement technique"
Pièges courants
- Demandes d'autorisation fréquentes : certains utilisateurs ont signalé que "les invites d'autorisation doivent être approuvées toutes les 30 secondes, ce qui rend impossible la mise en veille". Il est recommandé de configurer des règles d'approbation automatique appropriées dans les paramètres de Claude Code.
- Consommation élevée de jetons : les invites caractérisées augmenteront la consommation de contexte. Si vous êtes sensible aux coûts, vous pouvez utiliser de manière sélective les compétences dont vous avez le plus besoin
- Agent Loop : il existe des cas sur HN où des utilisateurs ont signalé que l'agent était resté bloqué dans une boucle de 70 minutes. Il est recommandé de définir des délais d'attente et des points de contrôle raisonnables
- Pas pour tout le monde : les développeurs expérimentés peuvent avoir l'impression que la plupart des compétences sont inutiles. gstack est plus adapté aux fondateurs indépendants et aux petites équipes plutôt qu'aux équipes dotées de processus d'ingénierie matures
Questions fréquemment posées et bonnes pratiques
**Q : Gstack et Superpowers peuvent-ils être utilisés en même temps ? **
Oui. Les deux se complètent : Superpowers est bon en matière de discipline des processus et d'assurance TDD, et Gstack est bon en matière de réflexion sur les produits et d'évaluations multi-rôles. De nombreuses équipes utilisent Superpowers pour la discipline de codage quotidienne et Gstack pour la planification des produits et l'assurance qualité.
**Q : Le jeton est-il cher ? **
Supérieur à Claude Code natif. L'invite de rôle de chaque compétence occupe la fenêtre contextuelle. Mais si votre temps vaut plus que les frais symboliques, c'est généralement une bonne affaire.
**Q : À quels types de projets convient-il ? **
Idéal pour le développement de produits complet – de l'idée au lancement. Si vous vous contentez de corriger des bugs ou de créer de petites fonctionnalités, le Claude Code natif suffit. La valeur de gstack est maximisée dans le « processus complet ».
**Q : Comment personnaliser la compétence ? **
Chaque compétence est un fichier SKILL.md. Modifiez-le directement :
- Recherchez le répertoire de compétences :
~/.claude/skills/gstack/<skill-name>/ - Modifiez
SKILL.md - Réexécutez
./setup
La communauté recommande de bifurquer le référentiel et de le personnaliser au lieu de modifier directement l'installation globale.
Bonnes pratiques
- D'abord
/office-hourspuis coder : prenez l'habitude de faire des cliniques de produits avant d'écrire un code - Faites bon usage de la vérification
/browse: Ne vous contentez pas de regarder le code, laissez l'IA "voir" réellement votre application - Périodique
/retro: Maintenir une visibilité sur la qualité du code et le rythme de travail - Adoption progressive : Pas besoin d'utiliser toutes les compétences en même temps. À partir de
/office-hours+/review+/ship - Personnalisation de Fork : Si vous rencontrez une invite inappropriée, modifiez-la directement. C'est l'avantage de l'open source
Résumé
La valeur fondamentale de gstack ne réside pas dans la puissance d'une compétence spécifique, mais dans le fait qu'il fournit un mode de collaboration IA structuré - grâce au changement de rôle, vous pouvez obtenir différents types d'assistance IA à différentes étapes. Examinez d'abord l'orientation du produit du point de vue du PDG, puis examinez l'architecture avec la rigueur d'un responsable de l'ingénierie et enfin vérifiez les résultats avec le véritable navigateur de l'assurance qualité.
Ensuite, vous pouvez essayer de l'installer vous-même et démarrer votre premier projet gstack à partir de /office-hours.
Lecture approfondie :
- gstack Concepts — Comprendre les concepts fondamentaux de gstack et le positionnement écologique de l'outil
- GSD Practical — Un guide pratique d'une autre solution de programmation d'IA structurée
- Claude Skills Practical Chapter — Comprendre le mécanisme de création de Skill
gstack - Claude Code Skills
An opinionated stack of role-based skills that transforms Claude Code into a virtual engineering team. Now supports 10 AI coding agents.
Commentaires
notions de gstack
Garry Tan Qu'est-ce que le gstack open source, quels problèmes résout-il, flux de travail de base et positionnement écologique de l'outil
gstack Démantèlement de l'architecture des compétences
Démantèlement systématique de la conception technique de gstack du point de vue des développeurs de compétences : génération de modèles, mécanisme de mise à niveau, système d'apprentissage, injection de préambule, gestion des statuts, compétences d'ingénierie rapides