自动化与脚本
在 Claude Code 中需要产品规划、工程评审…
安装 gstack 后,可在 Claude Code 中通过 slash command 召唤 CEO、工程经理、发布经理和 QA 工程师等专家,完成规划、评审、发布、测试、浏览器自动化与复盘。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 38/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
在 Claude Code 中需要产品规特定
解决思路
- 全局安装 gstack:运行 git clone https://github.com/garrytan/gstack.git ~/.claude/skills/gstack,然后 cd ~/.claude/skills/gstack,再运行 ./setup。
- 项目安装 gstack:运行 cp -Rf ~/.claude/skills/gstack .claude/skills/gstack,然后 rm -rf .claude/skills/gstack/.git,再 cd .claude/skills/gstack,最后运行 ./setup。
- 在 CLAUDE.md 中添加配置:所有网页浏览使用 gstack 的 /browse,绝不使用 mcp__claude-in-chrome__* 工具;并列出可用 skills:/plan-ceo-review、/plan-eng-review、/review、/ship、/browse、/qa、/setup-browser-cookies、/retro。
- CEO 产品评审:先描述功能,再运行 /plan-ceo-review,让 AI 以 CEO 身份挑战假设并寻找更大机会,例如把照片上传重构成从照片进行 AI 驱动的 listing 创建。
- 工程架构评审:运行 /plan-eng-review,让 AI 以 tech lead 身份输出架构图、状态机、异步任务边界、失败模式、测试矩阵。
- 代码审查:运行 /review,让 AI 以偏执 staff engineer 级别检查竞态条件、信任边界、缺失错误处理、生产故障模式。
- 一键发布:运行 /ship,执行自动发布流程:同步 main 分支、运行测试套件、解决 review comments、推送分支、打开 pull request。
- 浏览器自动化:运行 /browse https://myapp.com,让 AI 导航应用、截图、点击工作流、识别故障、测试响应式设计。
- 系统化 QA:运行 /qa,启用分支感知测试:分析 git diff、识别受影响页面、测试 localhost:3000、全探索模式、回归测试。
- 快速 QA:运行 /qa https://staging.myapp.com --quick,做快速 smoke test:30 秒测试 5 个页面。
- 会话管理:运行 /setup-browser-cookies staging.myapp.com,从真实浏览器 Chrome、Arc、Brave、Edge 导入 cookies,以无需手动登录测试认证页面。
- 工程复盘:运行 /retro,让 AI 以工程经理风格分析 git 历史、按人贡献、成长机会、团队动态,并保存到 .context/retros/。
- 浏览器设置:gstack 在 .gstack/ 目录创建隔离浏览器实例;自动配置 userDataDir: '.gstack/browser-data'、headless: false 便于调试、viewport: { width: 1280, height: 720 }、timeout: 30000。
- 项目结构:按结构放置 your-project/.claude/skills/gstack/ 下的 skills/、browse/、package.json;.gstack/ 下的 browser-data/、screenshots/;.context/retros/ 保存复盘历史。
- 多会话工作流:使用 Conductor 并行会话;Session 1 功能开发运行 /plan-ceo-review 和 /plan-eng-review 后实现功能;Session 2 运行 /review 并修复问题;Session 3 运行 /qa --full;Session 4 运行 /ship。
- CI/CD 集成:添加 .github/workflows/gstack-qa.yml,在 pull_request 触发;job qa 使用 ubuntu-latest,步骤包括 actions/checkout@v3、cd .claude/skills/gstack && ./setup、echo "/qa --regression" | claude-code。
- 团队 onboarding:在团队文档加入开发工作流:1 /plan-ceo-review 验证产品方向;2 /plan-eng-review 锁定架构;3 实现功能;4 /review 偏执代码审查;5 /qa 彻底测试分支;6 /ship 一键发布;7 /qa staging.app.com 预发验证。
- 自定义 QA 场景:运行 /qa --focus=checkout-flow、/qa --mobile-only、/qa --accessibility。
- 性能测试:运行 /browse https://app.com,然后要求在该页面运行 lighthouse audit。
- 跨浏览器测试:运行 /setup-browser-cookies app.com,运行 /browse app.com --browser=chrome,切换会话后运行 /browse app.com --browser=firefox。
- 回归测试:重大修改前运行 /qa --baseline,修改后运行 /qa --compare-baseline,让 AI 识别视觉或功能回归。
- 二进制问题修复:cd .claude/skills/gstack,rm -rf browse/dist,./setup。
- 权限错误修复:cd .claude/skills/gstack,chmod +x setup browse/dist/browse。
- 缺失依赖修复:cd .claude/skills/gstack,rm -rf node_modules,bun install。
- 浏览器自动化失败修复:运行 /browse --debug 以非 headless 模式检查浏览器;清除数据运行 rm -rf .gstack/browser-data。
- Skill 注册问题修复:cd .claude/skills/gstack,./setup;验证运行 /plan-ceo-review --help。
适用边界 · 注意事项
- 未安装 Claude Code、Git、Bun v1.0+,或系统不是 macOS/Linux x64/arm64,却需要使用浏览器自动化时。
- 项目禁止引入第三方 Claude Code skills/slash commands,或你不想让 AI 获取浏览器自动化能力时。
- 只需要普通代码问答,不需要产品/工程/发布/QA/复盘工作流时。