
Práctica de gstack: flujo de trabajo completo desde la instalación hasta la ejecución
Configuración de instalación de gstack, referencia completa de comandos, demostración del flujo de trabajo y mejores prácticas de la comunidad
Introducción
En Concepto, aprendimos sobre el posicionamiento central de gstack, un conjunto de habilidades basado en roles que convierte a Claude Code en un equipo de ingeniería virtual, y su posicionamiento diferenciado en el ecosistema de herramientas de programación de IA en comparación con GSD, Superpowers, Ralph y otras soluciones.
Este artículo práctico se centra en cómo utilizar: desde la instalación y configuración hasta la ejecución del flujo de trabajo completo, ayudándole a empezar a usar gstack en 30 minutos.
Instalación y configuración
Condiciones previas
- Código Claude está instalado y disponible
- Git instalado
- Bun v1.0+ instalado (gstack está basado en Bun)
- Los usuarios de Windows también necesitan Node.js
Instalación global (recomendada, completada en 30 segundos)
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
cd ~/.claude/skills/gstack && ./setupEl script de instalación hace tres cosas:
- Agregue la información de habilidades de gstack a su archivo
CLAUDE.md - Coloque todos los archivos de habilidades en el directorio de habilidades.
- Instale Playwright y el navegador Chromium correspondiente (para
/browsey/qa)
Instalación a nivel de proyecto (compartir en equipo)
Si desea que los miembros del equipo obtengan gstack automáticamente después de clonar el repositorio:
cp -Rf ~/.claude/skills/gstack .claude/skills/gstack
rm -rf .claude/skills/gstack/.git
cd .claude/skills/gstack && ./setup###Soporte multiagente
gstack no se limita a Claude Code y actualmente admite 10 agentes de programación de IA. ./setup detecta automáticamente los hosts instalados de forma predeterminada:
./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 会话)La ruta de instalación de habilidades de cada host tiene la forma ~/.<agent>/skills/gstack-*/ y no interfiere entre sí.
💡 Opciones adicionales para usuarios de OpenClaw: Además de llamar a través de ACP, OpenClaw también puede instalar directamente 4 habilidades de metodología nativa (
gstack-openclaw-office-hours,gstack-openclaw-ceo-review,gstack-openclaw-investigate,gstack-openclaw-retro) a través de ClawHub, que se pueden usar de manera conversacional sin una sesión de Claude Code.
Modo Equipo (Compartir equipo + Actualizaciones automáticas, recomendado)
v1.x presenta el Modo Equipo: cada desarrollador instala gstack globalmente y el almacén solo registra "usamos gstack" y las actualizaciones se realizan automáticamente:
(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"Reemplazar required con optional es un "recordatorio amable" en lugar de obligatorio. Cada vez que inicie Claude Code, ejecutará automáticamente una verificación de actualización (aceleración una vez por hora, segura y silenciosa si falla la red). No hay archivos vendidos en el almacén y no hay cambios de versión.
Actualización
cd ~/.claude/skills/gstack && git pull && ./setupO use /gstack-upgrade directamente en Claude Code.
Referencia de comando completa
Proceso de sprint
| Comando | Rol | Descripción |
|---|---|---|
/office-hours | Horario de oficina de YC | 6 preguntas forzadas para reconstruir la dirección del producto y generar documentos de diseño |
/plan-ceo-review | CEO / Fundador | Buscando productos de 10 estrellas, disponibles en cuatro modelos de gama |
/plan-eng-review | Gerente de Ingeniería | Arquitectura de bloqueo, flujo de datos, casos extremos, matriz de prueba |
/plan-design-review | Diseñador sénior | Puntuación de la dimensión de diseño 0-10, explique cómo lograr 10 puntos |
/plan-devex-review | Líder de experiencia del desarrollador | Explore retratos de desarrolladores, compare TTHW y diseñe momentos mágicos; tres modos (EXPANSIÓN DX / POLACO / TRIAJE), 20-45 preguntas forzadas |
/autoplan | Revisar el proceso | Ejecute automáticamente CEO → Diseño → Ingeniería → Revisión DX en secuencia, decida automáticamente de acuerdo con los principios de toma de decisiones de codificación y solo le presente "decisiones de gusto" |
Diseño
| Comando | Descripción |
|---|---|
/design-consultation | Cree un sistema de diseño completo desde cero y genere DESIGN.md |
/design-shotgun | Genere múltiples variantes de diseño de IA y compare selecciones en el navegador |
/design-html | Genere HTML/CSS de nivel de producción, admita la detección de marcos React/Svelte/Vue |
Revisión y seguridad
| Comando | Rol | Descripción |
|---|---|---|
/review | Ingeniero de personal | Encuentre errores que puedan pasar la CI pero que explotarán en producción, solucionarán automáticamente problemas obvios y marcarán brechas de integridad |
/investigate | Experto en depuración | Depuración sistemática de causas raíz. Regla de hierro: no solucione el error hasta que encuentre la causa raíz; detener después de 3 correcciones fallidas |
/design-review | Diseñador que puede escribir código | Auditoría visual + reparación automática, envío atómico, capturas de pantalla comparativas antes y después |
/devex-review | Probador DX | Realice la incorporación: explore documentos, ejecute el proceso de entrada, cronometre TTHW, errores de captura de pantalla, compare con la puntuación /plan-devex-review |
/cso | Oficial de seguridad | OWASP Top 10 + modelado de amenazas STRIDE, 17 reglas de exclusión de falsos positivos, umbral de confianza 8/10, cada hallazgo va acompañado de escenarios de utilización específicos |
Pruebas y control de calidad
| Comando | Descripción |
|---|---|
/qa | Abra la prueba del navegador real y busque el error → Corrección de confirmación atómica → Generar prueba de regresión → Volver a verificar |
/qa-only | Igual que el anterior pero solo informes, sin modificaciones de código |
/benchmark | Prueba de rendimiento de referencia: carga de páginas, Core Web Vitals, tamaño de recursos, soporte antes y después de la comparación |
/browse | Comandos de navegador de nivel ~100 ms, Chromium real, capturas de pantalla, llenado de formularios, clics en elementos |
/open-gstack-browser | Inicie el navegador GStack: control de IA visible Chromium, viene con extensión de barra lateral, sigilo anti-rastreo, enrutamiento automático de modelos (operación Sonnet/análisis Opus), admite importación de cookies con un solo clic |
/setup-browser-cookies | Importe cookies de navegadores reales (Chrome/Arc/Brave/Edge) a sesiones sin cabeza para probar páginas que requieren inicio de sesión |
/pair-agent | Emparejamiento de navegadores de agentes entre IA: comparta el mismo navegador GStack con OpenClaw / Hermes / Codex / Cursor, etc., cada agente tiene una pestaña independiente, viene con túnel ngrok para admitir agentes remotos, token de alcance + aislamiento de pestañas + límite de velocidad + atribución de comportamiento |
Lanzamiento y operación y mantenimiento.
| Comando | Descripción |
|---|---|
/ship | Sincronizar la rama principal → Ejecutar pruebas → Auditar cobertura → Actualizar versión → Enviar push → Crear PR; Bootstrap automático cuando el proyecto no tiene un framework de prueba |
/land-and-deploy | Fusionar PR → Esperar CI → Implementar → Verificar el estado del entorno de producción |
/canary | Monitoreo canary posterior a la implementación: errores de consola, regresiones de rendimiento, fallas de página |
/setup-deploy | /land-and-deploy Configuración única: plataforma de detección automática (Fly.io/Render/Vercel/Netlify/Heroku/GitHub Actions/custom) + URL de producción + comando de implementación |
/setup-gbrain | Comience con la base de datos GBrain con un solo clic (en 5 minutos): PGLite local, URL existente de Supabase o cree automáticamente un nuevo proyecto de Supabase a través de la API de administración; Registro MCP + permisos de lectura-escritura/solo lectura/denegación a nivel de almacén |
Revisa y aprende
| Comando | Descripción |
|---|---|
/retro | Informe semanal de percepción del equipo: desmontaje per cápita, estadísticas de racha ganadora, tendencias de salud de las pruebas, oportunidades de crecimiento; /retro global en todos los proyectos + herramientas de IA (Claude Code / Codex / Gemini) |
/document-release | Actualizar automáticamente la documentación del proyecto para que coincida con el código publicado (README / ARCHITECTURE / CONTRIBUTING / CLAUDE.md / TODOS); /ship ahora se llama automáticamente |
/learn | Administre memorias de aprendizaje entre sesiones: ver, buscar, podar, exportar, acumular por proyecto |
/context-save /context-restore | Paquete de modo de punto de control continuo: confirmación WIP automática para guardar contexto, use /context-restore para reconstruir la sesión después de una falla/cambio |
Protección de seguridad
| Comando | Descripción |
|---|---|
/careful | Advertencia de operación peligrosa: rm -rf, DROP TABLE, force-push, etc. |
/freeze / /unfreeze | Bloquear/desbloquear el alcance de edición en un directorio específico |
/guard | Combinación /careful + /freeze, modo de máxima seguridad |
/checkpoint | Guardar/restaurar instantánea del estado de trabajo |
Integración de herramientas
| Comando | Descripción |
|---|---|
/codex | Integración de OpenAI Codex CLI: revisión de código independiente (puerta de aprobación/falla), modo de confrontación, modo de consulta; El análisis de superposición entre modelos se realizará después de ejecutar con /review |
/health | Panel de calidad del código: tsc + bioma + knip + shellcheck + pruebas → puntuación general 0-10 |
/skillify | Consolidar el flujo de trabajo actual en una habilidad reutilizable |
/scrape | Flujo de trabajo de raspado web |
/landing-report | Informe de experiencia y rendimiento de la página de destino |
/make-pdf | Generar documento PDF |
/benchmark-models /model-overlays /plan-tune | Comparación entre modelos, superposición de cobertura, optimización de planes |
Standalone CLI(v0.19+)
Además del comando de barra diagonal, gstack también viene con un conjunto de CLI independientes (no se ejecutan dentro de la sesión de Claude Code):
| Comando | Descripción |
|---|---|
gstack-model-benchmark | Evaluación entre modelos: ejecute Claude / GPT (a través de Codex CLI) / Gemini al mismo tiempo, compare el retraso, el token, el costo y (opcional) el puntaje de calidad del juez LLM; proveedor no disponible se salta automáticamente |
gstack-taste-update | Aprendizaje de gustos de diseño: escriba la aprobación/desaprobación de /design-shotgun en el archivo de gustos a nivel de proyecto, disminuya en un 5% cada semana y retroalimente a la generación de variantes posterior |
Detalles de configuración
CLAUDE.md Agregar contenido
Después de la instalación, gstack agregará una lista y una breve descripción de todas las habilidades disponibles a su CLAUDE.md. Esto le permite a Claude Code saber qué comandos están disponibles.
Estructura del directorio de habilidades
La entrada principal es el ~/.claude/skills/gstack/SKILL.md de nivel superior, cada subcomando existe en forma de un directorio plano y el núcleo es el archivo 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 目录Eres libre de modificar cualquier SKILL.md para personalizar el comportamiento; esta es la ventaja de "bifurcar y personalizar".
Browse Daemon
Browse Daemon es una instancia permanente de Chromium. Configuración clave:
- Puerto: 10000-60000 seleccionado aleatoriamente, admite más de 10 espacios de trabajo paralelos
- Seguridad: solo vincula localhost, usa autenticación de token de portador para cada sesión
- Cookie: use
/setup-browser-cookiespara importar desde Chrome/Arc/Brave/Edge
Demostración práctica del flujo de trabajo
A continuación se muestra un flujo de trabajo típico de gstack. Los comandos y resultados se basan en casos reales de la documentación y los vídeos.
💡 Nota: El siguiente resultado es un ejemplo general compilado en base a investigaciones. En el futuro se agregarán capturas de pantalla de proyectos específicos según la práctica real.
Paso 1: Clínica del producto
> /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 generatedNo se apresure a escribir código, primero deje que la IA atormente sus ideas desde la perspectiva del horario de oficina de YC.
Paso 2: Plan de revisión de funciones múltiples
> /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 ejecuta automáticamente tres rondas de revisiones de CEO → Diseño → Ingeniería para producir un plan completo posterior a la revisión.
Paso 3: implementación de codificación
Codifique normalmente según el plan aprobado. Puede utilizar la conversación estándar de Claude Code.
Paso 4: revisión del código por parte de múltiples expertos
> /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 appliedPaso 5: Control de calidad del navegador
> /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 generatedPaso 6: Publicar
> /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 mergeConsejos prácticos y experiencia comunitaria
Sugerencia de Garry Tan
ETHOS.md de gstack, tres principios básicos:
- Boil the Lake: la IA hace que la integridad sea casi gratuita: siempre completa las cosas y no tomes atajos
- Buscar antes de construir: buscar primero, comprender primero y luego comenzar después de la verificación de conocimientos de tres capas.
- Soberanía del usuario: recomendación de IA, tú decides. Incluso si ambos modelos de IA coinciden, su criterio sigue teniendo prioridad
El archivo README de gstack comienza con una cita de Karpathy; este es también el punto de partida para que el propio Garry Tan explique por qué quiere construir gstack:
I don't think I've typed like a line of code probably since December, basically, which is an extremely large change.
Experiencias comunitarias positivas
/office-hourspara solicitudes de YC: varios solicitantes de S26 en Reddit r/ycombinator informaron que usar el horario de oficina de gstack para realizar pruebas de estrés en sus materiales de solicitud es muy efectivo.- La auditoría de seguridad encontró vulnerabilidades reales: Hubo comentarios del CTO.
/reviewdescubrió una vulnerabilidad XSS que el equipo no conocía. /browsePruebas reales de navegador: Reconocido por la comunidad (incluidos los críticos) como una "contribución verdaderamente técnica"
Errores comunes
- Solicitudes de permiso frecuentes: algunos usuarios informaron que "las solicitudes de permiso deben aprobarse cada 30 segundos, lo que hace imposible dormir". Se recomienda configurar reglas de aprobación automática apropiadas en la configuración de Claude Code
- Alto consumo de tokens: los mensajes caracterizados aumentarán el consumo de contexto. Si es sensible a los costos, puede utilizar selectivamente las habilidades que más necesita
- Agent Loop: Hay casos en HN en los que los usuarios informaron que el agente quedó atrapado en un bucle de 70 minutos. Se recomienda establecer tiempos de espera y puntos de control razonables.
- No para todos: los desarrolladores experimentados pueden sentir que la mayoría de las habilidades son envoltorios innecesarios. gstack es más adecuado para fundadores independientes y equipos pequeños que para equipos con procesos de ingeniería maduros.
Preguntas frecuentes y mejores prácticas
**P: ¿Se pueden usar gstack y Superpowers al mismo tiempo? **
Sí. Los dos se complementan entre sí: Superpowers es bueno en disciplina de procesos y garantía de TDD, y gstack es bueno en pensamiento de productos y revisiones de múltiples funciones. Muchos equipos utilizan Superpowers para la disciplina de codificación diaria y gstack para la planificación de productos y el control de calidad.
**P: ¿El token es caro? **
Superior al Código Claude nativo. El mensaje de rol de cada habilidad ocupa la ventana de contexto. Pero si su tiempo vale más que la tarifa simbólica, este suele ser un buen negocio.
**P: ¿Para qué tipo de proyectos es adecuado? **
Ideal para desarrollo de productos de proceso completo, desde la idea hasta el lanzamiento. Si simplemente corrige errores o crea pequeñas funciones, el código nativo de Claude es suficiente. El valor de gstack se maximiza en el "proceso completo".
**P: ¿Cómo personalizar la habilidad? **
Cada habilidad es un archivo SKILL.md. Simplemente edítelo directamente:
- Busque el directorio de habilidades:
~/.claude/skills/gstack/<skill-name>/ - Editar
SKILL.md - Vuelva a ejecutar
./setup
La comunidad recomienda bifurcar el repositorio y personalizarlo en lugar de modificar directamente la instalación global.
Mejores prácticas
- Primero
/office-hoursluego código: acostúmbrese a realizar clínicas de productos antes de escribir cualquier código. - Haz un buen uso de la verificación
/browse: no te limites a mirar el código, deja que la IA realmente "vea" tu aplicación. - Periódico
/retro: mantener la visibilidad de la calidad del código y el ritmo de trabajo. - Adopción gradual: No es necesario utilizar todas las habilidades a la vez. A partir de
/office-hours+/review+/ship - Personalización de bifurcación: si encuentra un mensaje inapropiado, cámbielo directamente. Esta es la ventaja del código abierto.
Resumen
El valor central de gstack no radica en cuán poderosa es una habilidad específica, sino en que proporciona un modo de colaboración de IA estructurado: a través del cambio de roles, puedes obtener diferentes tipos de asistencia de IA en diferentes etapas. Primero revise la dirección del producto desde la perspectiva del CEO, luego revise la arquitectura con el rigor de un gerente de ingeniería y finalmente verifique los resultados con el navegador real de control de calidad.
A continuación, puede intentar instalarlo usted mismo y comenzar su primer proyecto de gstack desde /office-hours.
Lectura ampliada:
- gstack Concepts — Comprender los conceptos centrales y el posicionamiento ecológico de herramientas de gstack
- Capítulo práctico de GSD — Otra guía práctica para soluciones estructuradas de programación de IA
- Capítulo práctico de Habilidades de Claude — Comprender el mecanismo de creación de Habilidades
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.
Comentarios
conceptos de gstack
Garry Tan ¿Qué es gstack de código abierto, qué problemas resuelve, flujo de trabajo central y posicionamiento ecológico de herramientas?
Desmantelamiento de la arquitectura de habilidades de gstack
Desmantelamiento sistemático del diseño de ingeniería de gstack desde la perspectiva de los desarrolladores de habilidades: generación de plantillas, mecanismo de actualización, sistema de aprendizaje, inyección de preámbulo, gestión de estado, habilidades de ingeniería rápidas