Garry Tan의 gstack은 제품 기획, 코드 리뷰, 브라우저 QA 같은 일을 각각의 스킬로 나눈 오픈소스 도구 모음입니다. 같은 변경이라도 기획 단계에서는 문제를 다시 묻고, 리뷰 단계에서는 diff를 보고, QA 단계에서는 실제 화면을 조작합니다. gstack 원본 저장소
처음에는 기획 스킬 하나만
Claude Code에서 /office-hours를 열고 지금 바꾸고 싶은 화면과 사용자가 겪는 불편을 적습니다. Codex에 실험 지원으로 설치한 경우에는 에이전트에 gstack-office-hours를 사용해 달라고 요청합니다. 명령과 권한 동작은 에이전트별로 다릅니다. 호스트별 지원 범위
도구 목록에서 스킬과 오픈소스를 함께 다루려고 해.
글 하나가 두 분류에 속할 수도 있어.
메뉴를 나누기 전에 방문자가 어떤 기준으로 글을 찾을지 먼저 검토해 줘.설치 경로 고르기
공식 설치 문서에서 Git과 Bun 등 실행 조건을 확인하고, 저장소를 복제한 뒤 그 안에서 설정 스크립트를 실행합니다. Claude Code와 Codex 중 사용할 쪽의 명령을 고릅니다.
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/gstack
cd ~/gstack
./setup --host claudeCodex만 설정할 때는 마지막 줄을 ./setup --host codex로 바꿉니다. ./setup --status로 설치된 호스트와 상태를 확인할 수 있습니다. 공식 설치 안내
리뷰와 QA는 확인할 대상을 정해서
%% 같은 화면을 기획·리뷰·QA에서 보는 방법
flowchart TD
A["기획: 독자가 글을 어떻게 찾는지 검토"]
A --> B["리뷰: 분류 링크와 변경 코드 검사"]
B --> C["QA: 모바일에서 분류를 고르고 뒤로 가기"]코드 변경이 있다면 /review에 검사할 diff와 특히 보고 싶은 회귀를 알려줍니다. 브라우저 QA가 필요하면 테스트할 URL과 흐름을 지정합니다. 예를 들어 모바일에서 분류를 고른 뒤 뒤로 가기를 눌러 같은 목록으로 돌아오는지 확인하게 할 수 있습니다.
/ship은 테스트와 리뷰 외에 브랜치 푸시나 PR 생성까지 이어질 수 있습니다. 작업을 넘기기 전에 대상 브랜치와 외부에 공유할 범위를 정해 둡니다. gstack 스킬 목록