乐于分享
好东西不私藏

Claude Code必备插件:gstack教程

Claude Code必备插件:gstack教程

大家都知道现在能用 AI 写代码,但一个人单干总觉得缺人手——没人帮你把关产品设计,没人帮你找 Bug,没人帮你测试发布。

这篇教程将教你使用一款名为 gstack 的免费开源神器。它的核心价值在于:教你把单纯的 AI 补全工具,升级成一个有“团队感”的完整开发部门。它涵盖了产品经理、CEO 审查、代码编写、QA 测试和运维发布等全流程。

背景信息: YC(知名创业孵化器)总裁 Garry Tan 就曾利用这套工具,在两个月内独自完成了 60 万行代码的工作量。

本文将带你快速上手,15 分钟跑通全流程。


一、 准备工作与一键安装 🛠️

在使用 gstack 之前,请确保你的电脑已安装以下基础工具:

  • Claude Code
    (最新版)
  • Git
  • Bun
    (版本 1.0 以上)

1. 安装步骤

打开你的 Claude Code,在对话框中直接复制并粘贴以下命令,剩下的工作将由 Claude 自动完成:

git clone https://github.com/garrytan/gstack.git ~/.claude/skills/gstack && cd ~/.claude/skills/gstack && ./setup

2. 配置环境

安装完成后,需在项目根目录找到(或新建)CLAUDE.md 文件,并将以下配置填入:

gstack

Use /browse from gstack for all web browsing. Never use mcp__claude-in-chrome__* tools. Available skills: /office-hours, /plan-ceo-review, /plan-eng-review, /plan-design-review, /design-consultation, /review, /ship, /land-and-deploy, /canary, /benchmark, /browse, /qa, /qa-only, /design-review, /setup-browser-cookies, /setup-deploy, /retro, /investigate, /document-release, /codex, /cso, /autoplan, /careful, /freeze, /guard, /unfreeze, /gstack-upgrade.

配置完成后,你可以输入 /help 来确认命令是否已成功加载。


二、 核心玩法:体验一条龙开发服务 🔄

通过以下 5 条核心命令,你可以让 AI 扮演不同角色,实现全流程开发:

1. 产品经理把关:/office-hours

不要直接让 AI 写代码,先进行需求梳理。输入 /office-hours 后,AI 会化身严厉的产品经理,通过提问帮你理清思路。它会分析用户痛点,重新定义功能范围,并自动生成设计文档。

2. CEO 视角审查:/plan-ceo-review

从宏观角度评估项目规划。AI 会站在 CEO 的视角审查你的点子:规划是否过大或过小?它甚至会为你提供成本预估(例如对比人工开发与 AI 开发的时间成本)。

3. 资深程序员审查代码:/review

自动检查代码隐患。代码写完后,输入 /review。AI 会自动检查代码中的逻辑漏洞。对于简单问题它会自动修复;对于复杂的并发问题,它会提供多种方案供你选择。

4. 自动化测试员:/qa

模拟真实用户进行功能测试。输入 /qa 你的网站地址。gstack 会自动打开真实浏览器,进行截图、点击按钮、模拟登录等操作。如果发现 Bug,它会修复代码并重新运行验证。

5. 运维一键发布:/ship

实现自动化流水线。一切确认无误后,输入 /ship。它会自动完成合并代码、运行测试、打包、推送代码库以及编写发布说明(Release Notes)。


三、 亮点功能:AI 浏览器自动化 🌐

gstack 拥有强大的浏览器自动化能力,通过 /browse 命令即可实现:

  • 网页操作
    :使用 $B goto 网址 命令打开网页。
  • 自动填表
    :让 AI 在输入框中自动填写账号密码。
  • 模拟测试
    :自动点击、截图,并能同时生成手机、平板、电脑三种尺寸的截图,用于测试页面排版。
  • 状态同步
    :支持从 Chrome 或 Edge 浏览器导入 Cookie,实现登录状态同步,方便测试需要登录权限的页面。

四、 安全护栏:防止 AI 误操作 🛡️

对于担心 AI 乱改代码导致项目崩溃的用户,gstack 提供了一个**“最高安全模式”**:

直接输入:/guard

开启该模式后:

  • 操作拦截
    :在执行删除文件、清空数据库、强制覆盖代码等危险操作时,AI 必须停下来请求你的许可。
  • 范围锁定
    :AI 会锁定修改范围,防止对无关文件进行误改。

💡 总结

gstack 的核心价值在于:让你从一个苦逼的“打字机”,转变为一个发号施令的“管理者”

通过简单的 / 命令,你可以完成从构思、审查、查 Bug 到发布的全过程。现在就去你的 Claude Code 里安装试试吧!