본문으로 건너뛰기
gstack
gstack 실습: 설치부터 실행까지 전체 워크플로 的文章封面图

gstack 실습: 설치부터 실행까지 전체 워크플로

AI 보조

gstack 설치 구성, 전체 명령 참조, 워크플로 데모 및 커뮤니티 모범 사례

소개

콘셉트에서는 Claude Code를 가상 엔지니어링 팀으로 바꾸는 역할 기반 기술 세트인 gstack의 핵심 포지셔닝과 GSD, Superpowers, Ralph 및 기타 솔루션과 비교하여 AI 프로그래밍 도구 생태계에서의 차별화된 포지셔닝에 대해 알아봤습니다.

이 실용적인 기사는 설치 및 구성부터 전체 워크플로 실행까지 사용 방법에 중점을 두어 30분 안에 gstack을 시작할 수 있도록 도와줍니다.

설치 및 구성

전제조건

  • 클로드 코드가 설치되어 사용 가능합니다.
  • Git 설치됨
  • Bun v1.0+ 설치됨(gstack은 Bun에 구축됨)
  • Windows 사용자에게는 Node.js도 필요합니다.

전역 설치(권장, 30초 안에 완료)

git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack
cd ~/.claude/skills/gstack && ./setup

설치 스크립트는 다음 세 가지 작업을 수행합니다.

  1. CLAUDE.md 파일에 gstack의 스킬 정보를 추가하세요.
  2. 모든 스킬 파일을 스킬 디렉터리에 넣습니다.
  3. Playwright 및 해당 Chromium 브라우저(/browse/qa용)를 설치합니다.

프로젝트 수준 설치(팀 공유)

저장소를 복제한 후 팀 구성원이 자동으로 gstack을 얻도록 하려면 다음을 수행하세요.

cp -Rf ~/.claude/skills/gstack .claude/skills/gstack
rm -rf .claude/skills/gstack/.git
cd .claude/skills/gstack && ./setup

###다중 에이전트 지원

gstack은 Claude Code에만 국한되지 않고 현재 10개의 AI 프로그래밍 에이전트를 지원합니다. ./setup은(는) 기본적으로 설치된 호스트를 자동으로 감지합니다.

./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 会话)

각 호스트의 스킬 설치 경로는 ~/.<agent>/skills/gstack-*/ 형태로 되어 있어 서로 간섭하지 않습니다.

💡 OpenClaw 사용자를 위한 추가 옵션: OpenClaw는 ACP를 통한 호출 외에도 ClawHub를 통해 4가지 기본 방법론 기술(gstack-openclaw-office-hours, gstack-openclaw-ceo-review, gstack-openclaw-investigate, gstack-openclaw-retro)을 직접 설치할 수 있으며, 이는 Claude Code 세션 없이 대화식으로 사용할 수 있습니다.

팀 모드(팀 공유 + 자동 업데이트, 권장)

v1.x에는 팀 모드가 도입되었습니다. 각 개발자는 gstack을 전역적으로 설치하고 웨어하우스는 "우리는 gstack을 사용합니다"만 기록하고 업데이트는 자동으로 발생합니다.

(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"

requiredoptional로 바꾸는 것은 필수가 아닌 "부드러운 알림"입니다. Claude Code를 시작할 때마다 자동으로 업데이트 확인이 실행됩니다(시간당 한 번씩 조절되며, 네트워크에 장애가 발생하면 안전하고 조용합니다). 웨어하우스에는 판매된 파일이 없으며 버전 드리프트도 없습니다.

업데이트

cd ~/.claude/skills/gstack && git pull && ./setup

또는 Claude Code에서 직접 /gstack-upgrade을 사용하세요.

전체 명령 참조

스프린트 프로세스

명령역할설명
/office-hoursYC 근무시간제품 방향을 재구성하고 디자인 문서를 생성하기 위한 6가지 강제 질문
/plan-ceo-reviewCEO/설립자4개 제품군 모델로 제공되는 10성급 제품을 찾고 있습니다
/plan-eng-review엔지니어링 관리자잠금 아키텍처, 데이터 흐름, 엣지 케이스, 테스트 매트릭스
/plan-design-review수석 디자이너디자인 차원 0-10 점수, 10점 달성 방법 설명
/plan-devex-review개발자 경험 리더개발자 초상화, 벤치마크 TTHW 및 디자인 마법의 순간을 살펴보세요. 세 가지 모드(DX EXPANSION / POLISH / TRIAGE), 20~45개의 강제 질문
/autoplan파이프라인 검토CEO → 디자인 → 엔지니어링 → DX 검토를 순차적으로 자동 실행하여 코딩 의사결정 원칙에 따라 자동 결정하고 "취향 결정"만 던집니다

디자인

명령설명
/design-consultation완전한 디자인 시스템을 처음부터 구축하고 DESIGN.md 생성
/design-shotgun여러 AI 디자인 변형을 생성하고 브라우저에서 선택 항목 비교
/design-html프로덕션급 HTML/CSS 생성, React/Svelte/Vue 프레임워크 감지 지원

검토 및 보안

명령역할설명
/review직원 엔지니어CI를 통과할 수 있지만 프로덕션 환경에서 폭발할 버그를 찾고, 명백한 문제를 자동으로 수정하고, 무결성 격차를 표시합니다
/investigate디버깅 전문가체계적인 근본 원인 디버깅. 철칙: 근본 원인을 찾을 때까지 버그를 수정하지 마세요. 3번의 수정 실패 후 중지
/design-review코드를 작성할 수 있는 디자이너시각적 감사 + 자동 복구, 원자 제출, 전후 비교 스크린샷
/devex-reviewDX 테스터실제 온보딩 실행: 문서 찾아보기, 입력 프로세스 실행, TTHW 타이밍, 스크린샷 오류, /plan-devex-review 점수와 비교
/cso보안 담당자OWASP 상위 10개 + STRIDE 위협 모델링, 17개의 거짓 긍정 제외 규칙, 8/10 신뢰도 임계값, 각 결과에는 특정 활용 시나리오가 수반됩니다

테스트 및 QA

명령설명
/qa실제 브라우저 테스트를 열고 버그 찾기 → Atomic 커밋 수정 → 회귀 테스트 생성 → 재검증
/qa-only위와 동일하지만 보고만 가능하고 코드 수정은 없습니다
/benchmark기준 성능 테스트: 페이지 로딩, 코어 웹 바이탈, 리소스 크기, 지원 전후 비교
/browse~100ms 수준의 브라우저 명령, 실제 Chromium, 스크린샷, 양식 채우기, 요소 클릭
/open-gstack-browserGStack 브라우저 시작: 가시적 AI 제어 Chromium, 사이드바 확장, 크롤링 방지 스텔스, 자동 모델 라우팅(Sonnet 작업/Opus 분석), 원클릭 쿠키 가져오기 지원
/setup-browser-cookies로그인이 필요한 페이지를 테스트하기 위해 실제 브라우저(Chrome/Arc/Brave/Edge)에서 헤드리스 세션으로 쿠키를 가져옵니다.
/pair-agent교차 AI 에이전트 브라우저 페어링: 동일한 GStack 브라우저를 OpenClaw/Hermes/Codex/Cursor 등에 공유합니다. 각 에이전트에는 독립적인 탭이 있으며 원격 에이전트를 지원하기 위한 ngrok 터널, 범위 토큰 + 탭 격리 + 속도 제한 + 동작 속성

출시 및 운영 및 유지보수

명령설명
/ship메인 브랜치 동기화 → 테스트 실행 → 적용 범위 감사 → 버전 업데이트 → 푸시 제출 → PR 생성; 프로젝트에 테스트 프레임워크가 없을 때 자동 부트스트랩
/land-and-deployPR 병합 → CI 대기 → 배포 → 프로덕션 환경 상태 확인
/canary배포 후 카나리아 모니터링: 콘솔 오류, 성능 회귀, 페이지 오류
/setup-deploy/land-and-deploy 일회성 구성: 자동 감지 플랫폼(Fly.io/Render/Vercel/Netlify/Heroku/GitHub Actions/custom) + 프로덕션 URL + 배포 명령
/setup-gbrain한 번의 클릭으로(5분 이내) GBrain 데이터베이스 시작: PGLite 로컬, Supabase 기존 URL 또는 관리 API를 통해 자동으로 새 Supabase 프로젝트 생성 MCP 등록 + 웨어하우스 수준 읽기-쓰기/읽기 전용/거부 권한

검토 및 학습

명령설명
/retro팀 인식 주간 보고서: 1인당 분석, 연승 통계, 테스트 상태 추세, 성장 기회; 모든 프로젝트에 걸쳐 /retro global + AI 도구(Claude Code / Codex / Gemini)
/document-release게시된 코드(README / ARCHITECTURE / CONTRIBUTING / CLAUDE.md / TODOS)와 일치하도록 프로젝트 문서를 자동으로 업데이트합니다. /ship은 이제 자동으로 호출됩니다
/learn세션 간 학습 추억 관리: 프로젝트별 보기, 검색, 정리, 내보내기, 누적
/context-save /context-restore연속 체크포인트 모드 패키지: 컨텍스트를 저장하기 위한 자동 WIP 커밋, /context-restore를 사용하여 충돌/전환 후 세션을 다시 작성

보안 보호

명령설명
/careful위험한 작업 경고: rm -rf, DROP TABLE, force-push 등
/freeze / /unfreeze특정 디렉토리에 대한 편집 범위 잠금/잠금 해제
/guard/careful + /freeze 조합, 최고 보안 모드
/checkpoint작업상태 스냅샷 저장/복원

도구 통합

명령설명
/codexOpenAI Codex CLI 통합: 독립적인 코드 검토(통과/실패 게이트), 대결 모드, 상담 모드 모델 간 중복 분석은 /review
/health코드 품질 대시보드: tsc + biome + knip + shellcheck + 테스트 → 0-10 전체 점수
/skillify현재 워크플로우를 재사용 가능한 기술로 통합
/scrape웹 스크래핑 작업흐름
/landing-report랜딩페이지 실적 및 경험 보고서
/make-pdfPDF 문서 생성
/benchmark-models /model-overlays /plan-tune모델 간 비교, 적용 범위 오버레이, 계획 최적화

Standalone CLI(v0.19+)

슬래시 명령 외에도 gstack에는 독립형 CLI 세트도 함께 제공됩니다(Claude Code 세션 내에서는 실행되지 않음).

명령설명
gstack-model-benchmark모델 간 평가: 동일한 프롬프트에서 Claude / GPT(Codex CLI를 통해) / Gemini를 실행하고 지연, 토큰, 비용 및 (선택 사항) LLM 심사 품질 점수를 비교합니다. 사용할 수 없는 공급자는 자동으로 건너뜁니다.
gstack-taste-update디자인 취향 학습: /design-shotgun의 승인/비승인을 프로젝트 수준 취향 파일에 기록하고 매주 5%씩 감소하며 후속 변형 생성에 피드백

구성 세부정보

CLAUDE.md 콘텐츠 추가

설치 후 gstack은 CLAUDE.md에 사용 가능한 모든 기술의 목록과 간단한 설명을 추가합니다. 이를 통해 Claude Code는 어떤 명령을 사용할 수 있는지 알 수 있습니다.

스킬 디렉토리 구조

주요 입구는 최상위 ~/.claude/skills/gstack/SKILL.md이고, 각 하위 명령은 플랫 디렉터리 형태로 존재하며, 핵심은 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 目录

동작을 사용자 정의하기 위해 SKILL.md을 자유롭게 수정할 수 있습니다. 이것이 "포크 및 사용자 정의"의 장점입니다.

Browse Daemon

Browse Daemon은 영구 Chromium 인스턴스입니다. 주요 구성:

  • 포트: 무작위로 선택되는 10000-60000, 10개 이상의 병렬 작업 공간 지원
  • 보안: 로컬 호스트만 바인딩하고 각 세션마다 베어러 토큰 인증을 사용합니다.
  • 쿠키: Chrome/Arc/Brave/Edge에서 가져오려면 /setup-browser-cookies을 사용하세요.

실제 작업 흐름 시연

다음은 일반적인 gstack 작업 흐름을 보여줍니다. 명령과 출력은 문서와 비디오의 실제 사례를 기반으로 합니다.

💡 참고: 다음 출력은 연구를 기반으로 편집된 일반적인 예입니다. 향후 실제 사례를 바탕으로 특정 프로젝트의 스크린샷이 추가될 예정입니다.

1단계: 제품 클리닉

> /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 generated

서두르지 말고 먼저 YC Office Hours의 관점에서 AI가 아이디어를 고문하도록 하세요.

2단계: 다중 역할 검토 계획

> /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은 CEO → 설계 → 엔지니어링 검토의 3단계를 자동으로 실행하여 완전한 사후 검토 계획을 생성합니다.

3단계: 코딩 구현

일반적으로 승인된 계획에 따라 코딩합니다. 표준 Claude Code 대화를 사용할 수 있습니다.

4단계: 여러 전문가의 코드 검토

> /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

5단계: 브라우저 QA

> /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

6단계: 게시

> /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 merge

실용적인 팁과 커뮤니티 경험

Garry Tan의 제안

gstack의 ETHOS.md, 세 가지 핵심 원칙:

  1. Boil the Lake: AI는 완전성을 거의 무료로 만듭니다. 항상 완전한 작업을 수행하고 지름길을 택하지 않습니다.
  2. 구축 전 검색: 먼저 검색하고, 먼저 이해하고, 3단계 지식 검증 후 시작
  3. 사용자 주권: AI 추천은 귀하가 결정합니다. 두 AI 모델이 모두 동의하더라도 여전히 귀하의 판단이 우선합니다.

gstack의 README는 Karpathy의 인용문으로 시작됩니다. 이는 Garry Tan이 gstack을 구축하려는 이유를 설명하는 출발점이기도 합니다.

I don't think I've typed like a line of code probably since December, basically, which is an extremely large change.

긍정적인 커뮤니티 경험

  • /office-hours(YC 지원): Reddit r/ycombinator의 여러 S26 지원자는 gstack의 업무 시간을 사용하여 지원 자료를 스트레스 테스트하는 것이 매우 효과적이라고 보고했습니다.
  • 보안 감사를 통해 실제 취약점이 발견되었습니다: CTO 피드백이 있었습니다. /review은(는) 팀이 인식하지 못한 XSS 취약점을 발견했습니다.
  • /browse 실제 브라우저 테스트: 커뮤니티(비평가 포함)에서 "진정한 기술적 기여"로 인정

일반적인 함정

  • 잦은 권한 메시지: 일부 사용자는 "권한 메시지는 30초마다 승인을 받아야 하기 때문에 잠을 잘 수 없다"고 보고했습니다. Claude Code 설정에서 적절한 자동 승인 규칙을 구성하는 것이 좋습니다.
  • 높은 토큰 소비: 특성화된 프롬프트는 컨텍스트 소비를 증가시킵니다. 비용에 민감한 경우 가장 필요한 기술을 선택적으로 사용할 수 있습니다.
  • 에이전트 루프: HN에는 에이전트가 70분 루프에 갇혔다고 사용자가 보고한 사례가 있습니다. 합리적인 시간 초과 및 체크포인트를 설정하는 것이 좋습니다.
  • 모든 사람에게 해당되는 것은 아닙니다: 숙련된 개발자는 대부분의 기술이 불필요한 래퍼라고 느낄 수 있습니다. gstack은 성숙한 엔지니어링 프로세스를 갖춘 팀보다는 독립적인 창립자 및 소규모 팀에 더 적합합니다.

자주 묻는 질문(FAQ) 및 모범 사례

**Q: gstack과 Superpowers를 동시에 사용할 수 있나요? **

그렇습니다. 둘은 서로를 보완합니다. Superpowers는 프로세스 규율과 TDD 보증에 능숙하고 gstack은 제품 사고와 다중 역할 검토에 능숙합니다. 많은 팀이 일일 코딩 훈련에 Superpowers를 사용하고 제품 계획 및 QA에 gstack을 사용합니다.

**Q: 토큰은 비싼가요? **

기본 Claude Code보다 높습니다. 각 기술의 역할 프롬프트는 상황에 맞는 창을 차지합니다. 그러나 귀하의 시간이 토큰 수수료보다 더 가치가 있다면 이는 일반적으로 좋은 거래입니다.

**Q: 어떤 유형의 프로젝트에 적합합니까? **

아이디어부터 출시까지 전체 프로세스 제품 개발에 가장 적합합니다. 단순히 버그를 수정하거나 작은 기능을 만드는 정도라면 네이티브 클로드 코드만으로도 충분합니다. gstack의 가치는 "완전한 프로세스"에서 극대화됩니다.

**Q: 스킬을 어떻게 맞춤설정하나요? **

각 스킬은 SKILL.md 파일입니다. 직접 편집하세요.

  1. 스킬 디렉토리 찾기: ~/.claude/skills/gstack/<skill-name>/
  2. SKILL.md 편집
  3. ./setup 다시 실행

커뮤니티에서는 전역 설치를 직접 수정하는 대신 저장소를 포크하고 사용자 정의하는 것을 권장합니다.

모범 사례

  1. 먼저 /office-hours 후 코드: 코드를 작성하기 전에 제품 클리닉을 하는 습관을 들입니다.
  2. /browse 확인을 잘 활용하세요: 코드만 보지 말고 AI가 애플리케이션을 실제로 "볼" 수 있도록 하세요.
  3. 주기적 /retro: 코드 품질 및 작업 속도에 대한 가시성을 유지합니다.
  4. 점진적 채택: 모든 기술을 한 번에 사용할 필요가 없습니다. /office-hours + /review + /ship부터 시작
  5. 포크 사용자 정의: 부적절한 프롬프트가 표시되면 직접 변경하세요. 이것이 오픈소스의 장점이다

요약

gstack의 핵심 가치는 특정 기술이 얼마나 강력한지에 있는 것이 아니라 구조화된 AI 협업 모드를 제공한다는 점입니다. 역할 전환을 통해 다양한 단계에서 다양한 유형의 AI 지원을 받을 수 있습니다. 먼저 CEO 관점에서 제품 방향을 검토하고, 엔지니어링 관리자의 엄밀한 아키텍처 검토를 거쳐 최종적으로 QA의 실제 브라우저를 통해 결과를 검증합니다.

다음으로 직접 설치해 보고 /office-hours에서 첫 번째 gstack 프로젝트를 시작할 수 있습니다.


자세한 내용:

  • gstack 개념 — gstack의 핵심 개념과 도구 생태학적 포지셔닝을 이해합니다.
  • GSD 실무장 — 또 다른 구조화된 AI 프로그래밍 솔루션에 대한 실무 가이드
  • 클로드 스킬실습편 — 스킬 생성 메커니즘을 이해한다

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.

Garry TanGitHub
이동

댓글

목차

gstack 실습: 설치부터 실행까지 전체 워크플로 | Yu의 사이버 데스크