Vibe Coding

vibe-coding

社区支持

[https://linux.do/](https://linux.do/)

本项目用于记录我的 AI 编程过程

• 使用的工具 claude code

AI 时代下的编程：**文档为王**

什么是 Vibe Coding？

**Vibe Coding**（氛围编程）是由 Andrej Karpathy（前特斯拉 AI 总监、OpenAI 联合创始人）在 2025 年 2 月提出的概念。核心思想是：

你不再真正"写"代码，而是用自然语言描述你想要什么，让 AI 来生成代码。你只需要"感受氛围"（vibe），看看结果对不对，不对就继续用自然语言调整。

Karpathy 原话：

*"There's a new kind of coding I call 'vibe coding', where you fully give in to the vibes, embrace exponentials, and forget that the code even exists."*

Vibe Coding 的特点

• 自然语言驱动：用人话描述需求，AI 生成代码
• 迭代式开发：看效果 → 反馈 → 再调整，循环往复
• 关注"做什么"而非"怎么做"：开发者更像产品经理，而非传统程序员
• 文档即代码：好的需求描述和技术文档比写代码本身更重要

SPEC开发规范

简单来说，SPEC 规范就是一套 “结构化的标准语言”，用来告诉机器（或 AI）一个功能长什么样、怎么调用、输入什么、输出什么。

• **核心定义**

  • 非执行代码： 它通常是一份 YAML 或 JSON 文件，描述了系统的行为。
  • 标准化格式： 最常用的是 OpenAPI Specification (OAS)。
  • 机器可理解： 因为有了规范，AI 才能在没有人工干预的情况下，读懂你的接口并自动调用。

• SPEC 的典型工作流 “先写规矩，再写实现。”

  • Drafting (起草)： 使用 YAML 编写一份符合 OpenAPI 规范的文档。
  • Validation (验证)： 使用工具（如 Swagger Editor）检查语法是否正确。
  • Binding (绑定)： 将这个 SPEC 导入到你的 Skill 平台。
  • Implementation (实现)： 编写后端逻辑代码，确保它返回的数据格式跟 SPEC 描述的一模一样。

本项目的实践方式

本项目使用 **Claude Code** 作为 AI 编程工具，通过以下方式实践 Vibe Coding：

1. 技术选型阶段：用自然语言描述项目需求，让 AI 生成技术方案文档
2. 开发阶段：通过 Skills 和 Subagent 驱动开发，AI 自动完成代码编写和 Git 提交
3. 迭代阶段：截图 + 自然语言反馈，AI 理解上下文后自动修复和优化
4. UI 优化阶段：一句话指令触发 UI/UX 重新设计

本次实践的代码地址：https://github.com/twwch/AIComicBuilder

需要安装的 Skills

1. superpowers

• GitHub: https://github.com/obra/superpowers
• 介绍: AI 编程代理的完整软件开发工作流框架，包含 14 个可组合技能（brainstorming、test-driven-development、systematic-debugging、subagent-driven-development、code-review 等）。强制执行"红-绿-重构" TDD 循环、四阶段调试方法论和苏格拉底式头脑风暴等最佳实践。
• 安装 (通过 Claude Code 官方插件市场，一键安装全部 14 个技能):

  /plugin install superpowers@claude-plugins-official

2. frontend-design

• GitHub: https://github.com/anthropics/skills/tree/main/skills/frontend-design
• 介绍: Anthropic 官方出品的前端设计技能，用于创建独特的、生产级的前端界面。指导 Claude 避免"AI 通用美学"，做出大胆的设计决策，注重排版、配色主题和动效微交互