Awesome-Vibe-Coding
## 项目简介 Awesome-Vibe-Coding 是由 GitHub 用户 0xWelt 维护的开源精选清单
项目简介
Awesome-Vibe-Coding 是由 GitHub 用户 0xWelt 维护的开源精选清单，定位为「Vibe Coding 开源项目、工具与学习资源大全」。与常见的平铺式连接列表不同，该项目对 Vibe Coding 生态进行了体系化的架构梳理，把从运行编程 Agent 的工具、Agent 所操作的服务平台、扩展 Agent 能力的组件，到它们最终产出的成果，绘制成一张完整生态地图。
项目采用「一个工具一个文件」的内容组织结构，并按分类和子分类归档，配合自动生成的静态网站，让读者既能浏览目录，又能通过可视化网站快速定位。仓库自 2025 年 5 月创建，目前有 107 颗星、57 次 fork，且保持高频更新——最近一次提交在 2026 年 9 月 21 日，紧贴行业最新动态。
核心功能
- 生态架构可视化：用 Mermaid 流程图清晰展示「开发者 → 工具 → 平台 → 扩展 → 社区/项目/学习资源」的完整链路，帮助读者建立全局认知
- Harnesses（工具层）分类：涵盖终端 CLI、独立 IDE、IDE 扩展、网页版 IDE、云端 Agent、移动端工具、Agent SDK，以及计划、目标、上下文压缩、PTC、钩子、标准与协议等通用能力
- Vibe Coding 社区专区：收录各类 AI 应用构建器与可二次创作（Remix）的创作平台
- Platforms（平台层）分类：整理代码托管、协作与 IM、云平台、容器与编排、托管与 PaaS、项目与任务管理，以及操作这些平台所需的 gh、glab、aws、lark-cli 等 CLI 工具
- Harness Extensions（扩展层）：专门整理 MCP 服务器与可复用的 Agent Skills，说明它们如何为编程 Agent 赋能
- Supporting Tools（支撑工具）：包括 Agent 可观测性、上下文与代码质量、以及各类专用工具
- Awesome Projects 专区：展示通过 Vibe Coding 实际做出来的项目案例
- 学习资源专区：汇总掌握 Vibe Coding 所需的课程与教育资源
技术实现
项目采用一套「内容与呈现分离」的轻量架构。所有工具信息以独立的 Markdown 文件存放在 contents/ 目录下，按 harnesses、vibe-coding-community、platforms、harness-extensions、supporting-tools、awesome-projects、awesome-learning-resources 等分类目录组织，每个目录下再用 _meta.md 描述该分类的定位。每个工具文件的头部使用 YAML front matter 声明 name、link，以及可选的 command 字段，正文则填写简短说明。随后由 yaal/scripts/parse-readme.js 脚本解析这些文件，自动生成 README 与配套的静态网站（托管在 GitHub Pages 上）。这套设计带来两个明显好处：一是新增工具只需新建一个文件，PR 冲突极小、便于社区协作；二是网站内容始终与仓库同步，无需手工维护页面。协作层面，项目使用 CC BY 4.0 许可，允许署名后的转载与改编。
快速上手
- 在线浏览：直接访问静态网站 https://0xWelt.github.io/Awesome-Vibe-Coding/ 查看可视化目录
- 按分类检索：在网站上按 Harnesses、Platforms、Extensions 等大类逐层展开，找到需要的工具
- 查看仓库原文：打开 https://github.com/0xWelt/Awesome-Vibe-Coding 浏览 contents/ 目录下的原始 Markdown 文件
- 提交新工具：在对应分类的 contents/ 子目录中新建一个 Markdown 文件，按 front-matter 格式填写 name、link、command 与说明
- 提交 Pull Request：推送分支并发起 PR，网站会在构建后自动收录新内容
适用人群
- 希望从架构层面理解 Vibe Coding 生态全貌的开发者与技术决策者
- 正在搭建 AI 编程工作流、需要系统性选择工具链（IDE、CLI、MCP、Skill）的工程团队
- 关注 Agent 工具生态演进、希望追踪最新开源项目的研究者与产品经理
- 想通过实际项目案例和学习资源入门 Vibe Coding 的初学者
官方链接
团队信息
评论与建议
登录 后参与评论或提建议