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 做出来 · 言出法随
