Vibe Coding Toolkit
用可复用的项目模板、代理技能和质量检查，把产品想法快速落成可开发的 Next.js 基础。
- Star 数
- ★ 1.7k
- 最近更新
- 今天
- License
- MIT
- 主语言
- JavaScript
- FA 评分
- 66/100 · 存在缺口
30 秒速览
- 运行形态
- 可在哪里用
- 兼容但需适配Codex · Claude Code（部分支持）
- 费用
- 免费，无需付费服务
- 上手难度
- 中 · 需要几步配置
- 开始前需要
- 典型场景
- 独立开发者要把产品构想转成带 PRODUCT.md 和质量检查的 Next.js 起步项目。
- 不适合
- 只想要即开即用托管开发环境的团队
- 不使用文件和终端型 AI 编程代理的开发者
- 源码审查
- 66/100 · 存在缺口
这个 Agent 能做什么，适合哪些场景？
Vibe Coding Toolkit 是一套面向 AI 辅助软件开发的配方、模板和指南，可用于新项目启动，也可逐项引入现有项目。它以 Next.js、TypeScript、Tailwind 和 ESLint 为基础，包含 Drizzle/PostgreSQL、Zod、Pino、Vitest 等项目默认配置。文档为 Claude Code 和 Codex 分别提供指南，并提供可供其他兼容客户端使用的共享指令。引导流程从产品描述生成 PRODUCT.md，再准备项目基础、技能与本地配置，并验证 lint、类型、测试、规则和构建。它不是托管服务；代理在目标项目目录中读取提示并执行设置，具体工具和配置按全局或项目范围安装。
开发者可在目标项目目录中向代理提供 docs/prompts/11-next-project-bootstrap.md，并附上项目描述；该流程生成 PRODUCT.md，使用 create-next-app 和模板搭建 Next.js 基础，配置本地技能和工具，并运行 lint、类型、测试、规则自检、SQL 与 build 检查。也可以只采用 ESLint 质量门、Vercel skills 或其他单项工具。仓库还提供环境准备、项目默认值、工具使用、提示词和模板文档；Context7、Graphify 等集成按文档配置，MCP 连接可在项目配置中补充。
- 独立开发者要把产品构想转成带 PRODUCT.md 和质量检查的 Next.js 起步项目。
- 使用 Claude Code 或 Codex 的团队想在已有代码库中加入共享开发约定和代理工作流。
- 维护者只想为现有项目增加 ESLint 行数上限和质量门，而不采用完整 bootstrap。
- 开发者希望准备一台可跨项目复用的机器环境，并区分全局工具与项目级配置。
- Next.js 团队需要参考 Vercel skills、提示词和可复制模板来规范常见实现流程。
如何安装或部署这个 Agent？
无需单独安装一个服务或软件包；仓库提供可复制的提示词、模板和操作指南。新项目可在目标目录打开支持文件与终端操作的代理，然后使用以下启动提示：
Leia https://raw.githubusercontent.com/soumatheusgomes/vibe-coding-toolkit/main/docs/prompts/11-next-project-bootstrap.md e execute o setup neste diretório.
Projeto: [nome, problema, público, fluxos principais e restrições].若要配置机器级环境，按 docs/03-environment-setup.md 操作；若只装一项工具，可从 docs/01-installation.md 或 docs/tools/ 选择。README 未给出一条可直接安装整个 toolkit 的命令；具体依赖和设置步骤依所选路径而定。
如何使用这个 Agent？
在目标项目目录中运行具备文件和终端访问能力的 Claude Code、Codex 或兼容代理，将上面的 bootstrap 提示中的项目占位描述替换为真实需求。需要部分采用时，可使用质量门提示：
Leia https://raw.githubusercontent.com/soumatheusgomes/vibe-coding-toolkit/main/docs/prompts/08-eslint-quality-gates-install.md e execute o prompt neste projeto. Use MAX_LINES=350.完成后按项目指南检查 lint、类型、测试和 build。README 说明 Context7、Graphify 等工具及 MCP 本地配置，但没有规定所有项目都必须启用它们。
这个 Agent 有哪些优点和局限？
- 新项目流程把产品说明、Next.js 基础、技能配置和质量检查串成明确步骤。
- 可按需采用 ESLint 质量门、Vercel skills、提示词或模板，不必一次引入全部内容。
- Claude Code 与 Codex 有各自的指南，共享指令也面向兼容客户端。
- README 声明验证覆盖 macOS、Linux 和 Windows，并列出 lint、类型、规则、build 与 HTTP 检查。
- 它是指南和模板集合，不是安装后即可运行的独立代理或托管开发环境。
- 实际 bootstrap 需要一个能访问项目文件和终端的代理，以及按需配置的工具和依赖。
- Next.js、Drizzle/PostgreSQL 等是默认项目栈，不一定适合已有技术选型。
- README 没有给出统一的一键安装命令或工具费用明细。
这个 Agent 与同类方案有什么区别？
与相关度最高的同类 agent 并排比较关键指标。
| Agent | 源码审查 | 形态 / 费用 | Star | 最近更新 | 主语言 | 完整支持的平台 |
|---|---|---|---|---|---|---|
| Vibe Coding Toolkit 当前 | 66 · 存在缺口 | Agent 插件 / 技能免费 | ★ 1.7k | 今天 | JavaScript | — |
| Self-Learning Skills | 56 · 缺口较多 | Agent 插件 / 技能免费 + 模型费 | ★ 968 | 1 个月前 | — | Codex · Claude Code |
| Loop Library: 可复用 AI Agent 工作流库 | 61 · 存在缺口 | Agent 插件 / 技能免费 | ★ 3.2k | 3 个月前 | JavaScript | Codex · Claude Code |
| CoCo Super Intelligence | 69 · 存在缺口 | Agent 插件 / 技能免费 + 模型费 | ★ 744 | 今天 | Python | Codex · Claude Code |
FollowAgents 如何评估这个 Agent？
查看各维度的扣分理由
README 说明按需采用组件、复用现有全局工具、保留当前客户端/模型/认证，并明确工具不会静默更换供应商或 API 计费，也不默认加 push/commit 钩子，支持较小权限与外部影响评分。未展示敏感数据处理和具体回滚步骤，因此相应扣分；来源工具有列出，但发布者身份仅由 README 声称，未获验证。
README 描述了清晰的 idea-to-MVP 流程、验证脚本和平台覆盖，CI 配置也以只读内容权限运行并固定 action SHA。依赖可用性与故障提示的具体处理细节不足，且静态材料不能证明执行结果。
文档覆盖新项目、现有项目、机器环境准备和逐项采用，并分别提及 Claude Code 与 Codex；工具适用范围和可选性有一定说明。对各工具何时触发、能力边界及不同环境的差异仍未详尽展开。
README 将指南、工具、提示词、模板和脚本分门别类，并提供安装、bootstrap、默认值、验证等入口；MIT 许可证文件完整。缺少可见的版本/变更记录，维护责任主要通过作者、issues 和 PR 信息表达；示例充足但未见 FAQ。
README 给出可复制的启动提示、具体交付物、完整流程图及只安装单项能力的路径，输出具有较强可操作性。价值主张主要由仓库自身陈述，缺少独立对照证据；完整 bootstrap 的依赖与准备成本也未量化。
关键流程和交付物能在 README 中追踪，CI 文件列出静态验证步骤，支持一定交叉核对；但 README 对已验证平台和检查结果的陈述不能仅凭所给静态材料复现。材料将模板、脚本验证和运行时基座区分开来，但对主张与实证的界限仍不完全明确。
- 此评估仅依据所提供文件的静态内容；不代表执行过脚本、验证了平台支持或检查了外部依赖。
- 使用前应审阅具体安装提示、第三方工具及其各自许可，并在目标项目中确认数据流、权限和恢复方式。