最全面的 vibe coding 参考资料清单,与 AI 协作写代码的精选索引。
Awesome Vibe Coding Tools
简介
适合人群
想用「提示词驱动、快速迭代」方式做软件的人,尤其是不想被大而全目录淹没、希望有一份精选起点的新手。
核心内容
01定位与差异
清单以「What is」开篇,引用 Karpathy 的 vibe coding 心态描述与 Automata 的 AI 编程入门指南,随后按 Web-Based Builders、Editors and IDEs、Extensions & Plugins、CLI Tools 等分区铺开。与 awesome-ai-coding-tools 相比,它更强调「想法→快速迭代→上线」的 vibe 场景,而非全链路工程选型,定位是精选起点。
02从想法到应用:Web-Based Builders
分区收录 Bolt.new、Lovable、v0、Replit、Capacity、Firebase Studio 等浏览器端构建器,还包含 Rosebud AI(3D 游戏)、MyVibe(AI 生成网页即时部署)等特色工具。多数支持「一句话描述→生成→部署」,适合在浏览器里快速验证想法,无需搭本地环境。
03编辑器、插件与命令行生态
Editors and IDEs 收录 Windsurf、Cursor、Zed、Amazon Kiro;Extensions & Plugins 收录 Cline、Roo Code、GitHub Copilot、avante.nvim 等;CLI Tools 收录 claude-code、aider、Goose、MyCoder、Codex CLI、Gemini CLI。从图形界面到纯终端,覆盖不同习惯的开发者。
04配套维度:任务管理、成本与文档
除构建工具外,清单专设 AI-Driven Task Management(Boomerang Tasks、Claude Task Master)、Monitoring & Cost Tracking(Budi 这类追踪 token 用量与花费的工具)、Project Documentation(CodeGuide、LynxPrompt 等管理 AGENTS.md / CLAUDE.md 的配置平台),以及 Articles & Updates 文章列表,覆盖 vibe 开发的周边需求。
05怎么用
把它当精选入口:先在 Web-Based Builders 快速验证想法,再按需进入 CLI 或插件把流程沉淀进日常开发;需要更全、可搜索的目录时,去配套的 aifordevelopers.org 检索,或在清单内通过「What is」与 Articles 建立对 vibe coding 的基础认知。
实践建议
- 用一个 Web-Based Builder(如 Lovable 或 v0)从一句话想法做出可运行原型,体验完整的「描述→生成→部署」闭环。
- 把同一个任务分别交给 Web 构建器与 CLI 工具(如 claude-code)各做一遍,对比手感,判断哪种更贴合你的工作流。
- 用 Monitoring & Cost Tracking 里的工具跟踪一周的 token 花费,建立 vibe 开发的成本意识。
- 读 2-3 篇 Articles & Updates 里的文章,写下你认同与不认同的观点,形成自己的 vibe coding 判断。
配套工作流
同类资源
AI 编程工具精选清单,覆盖编辑器、Agent、测试与部署全链路。
用 AI 助手(Claude Code / Codex / Cursor / Copilot)的实用技巧清单,在线教程站点配套。