SETUP & HOW-TO
環境搭建與整體使用方法
裝一個底座 + 一個框架 + 兩個小文件，就齊了。順利的話 30 分鐘搞定。
要裝的東西，就三層
別被「安裝」嚇到。整個體系就三層，搞懂了就不慌。
第三層
獨立技能
單個文件，拷進去就行：competitor-watch（競品）· prd-generator（寫PRD）
第二層
gstack 框架
一次裝好 70+ 個技能：office-hours / design-shotgun / design-html / qa / make-pdf …
第一層
Claude Code 本體
底座 App，沒它一切免談。
必裝技能清單
核心 7 個（必裝，對應五階段）
| 技能 | 用途 | 來源 | 階段 |
|---|---|---|---|
/competitor-watch | 競品分析 | 獨立技能 | 發現 |
/office-hours | 打磨想法、想清需求 | gstack | 定義 |
/prd-generator | 生成 PRD | 獨立技能 | 定義 |
/design-shotgun | 一次出多個設計方案 | gstack | 設計 |
/design-html | 設計變可運行原型 | gstack | 開發 |
/qa | 自動測試找 bug | gstack | 驗證 |
/make-pdf | markdown 轉精美 PDF | gstack | 全程 |
進階 6 個（熟練後再用，都來自 gstack）
| 技能 | 用途 |
|---|---|
/design-consultation | 定義整套設計系統（配色/字體/風格） |
/plan-ceo-review | 用「老闆視角」挑戰你的方案 |
/plan-eng-review | 用「技術視角」審你的方案 |
/investigate | 系統排查問題根因 |
/context-save · /context-restore | 跨會話保存/恢復工作狀態 |
/learn | 沉澱和檢索團隊經驗 |
不用一開始就學。先把核心 7 個用順，自然會想用進階的。
安裝步驟
方式 A（推薦）：團隊 lead 複製已跑通的配置
最省事、最不會出錯。lead 把自己的 .claude\skills\ 整個目錄打包發出去。
每個成員：
| 1 | 裝 Claude Code 本體（見方式 B 第①步） |
| 2 | 把收到的 skills 解壓到 C:\Users\<自己>\.claude\skills\ |
| 3 | 進 gstack 目錄跑 ./setup |
| 4 | 跑驗證（下一節） |
方式 B：各自從頭裝
① 裝 Claude Code 本體
npm install -g @anthropic-ai/claude-code
裝完登錄賬號（團隊統一用 Pro/Team 訂閱）。沒有 Node/npm 的先裝 Node.js。
② 裝 gstack 框架（一行：克隆 + 自動初始化）
git clone --single-branch --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack \ && cd ~/.claude/skills/gstack && ./setup
gstack 會自更新。要手動升級隨時在對話裡說 /gstack-upgrade。
③ 放獨立技能
把 competitor-watch 和 prd-generator 兩個目錄拷到 ~/.claude/skills/ 即可。
提示：若
/browse 之類技能報錯，進 gstack 目錄跑 bun install && bun run build 補依賴。驗證：怎麼確認裝好了
裝完別急著幹活，先花 2 分鐘做冒煙測試。
1
確認本體能跑
終端輸入 claude，能進入對話界面 = 第一層 OK。
claude
2
確認技能都在
對話裡打一個 / ，能看到一長串技能列表 = 框架和技能 OK。
/ （確認核心 7 個都在）
3
跑一個真技能
它開始問你問題 = 全部就緒，可以幹活了。
/office-hours 我想做一个团队周报自动汇总工具
整體使用方法（一條龍）
把所有技能串成一條完整工作流。記住這條線，任何時候都知道用哪個技能。
發現
/competitor-
watch
watch
›
定義
/office-hours
/prd-generator
/prd-generator
›
設計
/design-
shotgun
shotgun
›
開發原型
對話 +
/design-html
/design-html
›
驗證
/qa
標準動作（照著做就行）
| Step | 怎麼做 |
|---|---|
| 0 建項目 | 在 D:\PM\<項目名>\ 建文件夾，進去，說「幫我初始化這個項目」 |
| 1 發現 | /competitor-watch 分析 [竞品网址]，重点看 [关注点] |
| 2 定義 | /office-hours 我想做 [想法] → /prd-generator 写完整PRD |
| 3 設計 | /design-shotgun 给 [某页面] 做 3 个风格方案 |
| 4 開發原型 | /design-html 做原型，然後一次加一個功能、對話迭代（小步快跑） |
| 5 驗證 | /qa 测试这个原型，把问题列出来 |
不用死記技能名。記住「發現 → 定義 → 設計 → 開發 → 驗證」五個動作，每個動作打
/ 選對應技能即可。要交付文檔就用 /make-pdf。日常維護 & 新人上手
日常維護（團隊 lead 關注）
| 事項 | 怎麼做 |
|---|---|
| 升級框架 | 對話裡說 /gstack-upgrade，或開自動更新 |
| 加新技能 | 技能目錄放進 ~/.claude/skills/，重啟 Claude Code |
| 統一規範 | 共享基礎約束，放進每個項目 CLAUDE.md |
| 沉澱經驗 | 好技巧/踩的坑補進《標準工作指南》 |
新人最快上手路徑
- 裝好環境（方式 A，找 lead 要打包）
- 跑通冒煙測試
- 用一個小需求走一遍五階段
- 走通 = 齊活
順利的話 30 分鐘搞定。卡住別自己耗，問 lead。
用這套方法做出來的產品 全部用 Claude Code 做出來 · 言出法隨
