⚠️ Sebelum Install Skill Ini
GStack butuh beberapa hal terinstall duluan. Ini yang paling banyak prerequisite-nya dari 8 skill di list ini, tapi juga yang paling powerful.
Yang dibutuhkan:
- Claude Code (Pro subscription ke atas)
- Git
- Bun v1.0+
Install Claude Code dulu:
Buka terminal (Mac: Cmd+Space → Terminal. Windows: Win+R → cmd), lalu:
npm install -g @anthropic-ai/claude-code
claude
Ikuti instruksi login.
Install Git:
Cek dulu apakah sudah ada:
git --version
Kalau error, download di https://git-scm.com dan install.
Install Bun:
curl -fsSL https://bun.sh/install | bash
Khusus Windows, tambahkan install Node.js juga di https://nodejs.org (pilih LTS). Cek Bun berhasil:
bun --version
Kalau muncul angka versi, semua prerequisite sudah siap.
Apa itu GStack?
GStack adalah koleksi slash-command Claude Code buatan Garry Tan, President dan CEO Y Combinator. Dia open-source ini di Maret 2026 dengan satu klaim: pakai GStack, dia bisa ship 10.000 baris kode dan 100 PR per minggu sambil tetap jalan YC full-time. Sekarang repo-nya punya 97.000+ stars. Filosofinya: di startup yang dijalankan dengan baik, CEO tidak ikut review bug infra. GStack tiru itu: setiap slash command punya peran spesifik dengan prioritas dan batasan yang jelas.
Kegunaan
- Dari ide produk sampai deploy dalam satu loop terstruktur
- Code review dengan AI slop detection bawaan
- QA dengan browser Chromium real, bukan mock
- Design review dengan audit 80 item pada UI live
- Dokumentasi otomatis yang sync setiap ada perubahan kode
Cara Install — 2 Pilihan
📁 Pilihan 1: Download ZIP dari GitHub
Langkah 1. Buka https://github.com/garrytan/gstack di browser
Langkah 2. Klik tombol hijau "Code" → klik "Download ZIP"
Langkah 3. Extract file ZIP
Langkah 4. Pindahkan folder ke:
- Mac:
~/.claude/skills/gstack - Windows:
%USERPROFILE%\.claude\skills\gstack
Langkah 5. Buka terminal, masuk ke folder tersebut:
cd ~/.claude/skills/gstack
Langkah 6. Jalankan setup:
./setup
Langkah 7. Buka file CLAUDE.md di folder proyekmu (buat baru jika belum ada), lalu tambahkan baris ini:
## gstack
Gunakan /browse dari gstack untuk semua web browsing.
Jangan pakai mcp__claude-in-chrome__* tools.
⚡ Pilihan 2: Via git clone (satu perintah, lebih cepat)
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack && cd ~/.claude/skills/gstack && ./setup
Satu baris ini langsung clone, masuk folder, dan jalankan setup sekaligus.
✅ Cara Verifikasi Install Berhasil
Buka Claude Code di folder proyekmu, ketik:
/office-hours
Claude akan masuk ke mode pressure-test ide produk. Kalau responsnya relevan, GStack sudah aktif.
23 Skill dalam Satu Loop
Think: /office-hours (pressure test ide produk), /autoplan (ubah intent jadi spec)
Plan: /plan-ceo-review, /plan-eng-review, /plan-design-review
Build: /design-consultation, /design-shotgun, /design-html, /design-review
Review: /review (code review + AI slop detection), /codex (second opinion model lain), /investigate
Ship: /ship (bootstrap test, audit coverage), /qa (browser Chromium real), /land-and-deploy, /canary
Reflect: /retro (retro mingguan), /learn (simpan learnings cross-session), /document-release
Contoh Loop Kerja
1. /office-hours → Pressure test ide
2. /plan-ceo-review → Review strategi
3. /plan-eng-review → Lock arsitektur
4. /design-shotgun → 3 mockup varian
5. Build kode
6. /review → Code review
7. /qa → Test di browser real
8. /ship → PR siap merge
9. /land-and-deploy → Deploy
10. /retro → Evaluasi
Contoh Output /design-review
Design Score: C | AI Slop Score: D
12 findings ditemukan (4 high, 5 medium, 3 polish)
Fixing 9 issues...
- Ganti 3-column icon grid dengan asymmetric layout
- Tambah heading scale 48/32/24/18/16
- Hapus gradient hero, pakai bold typography
Final: Design Score C → B+ | AI Slop Score D → A
Link GitHub: https://github.com/garrytan/gstack