从 V1.0 到 V2.0:重新思考 Vibe Coding 流水线

最近,我在我的开源项目 vibe-coding-universal 中修复了一个小小的拼写错误。我将一个标签从 v2.0 (旧) 改成了 v1.0 (旧)。

这个小小的改动揭示了一个大问题。甚至连我自己都不知道自己版本的名称。如果连我都感到困惑,你的用户也会迷失方向。

我的第一个版本非常简单。它通过 7 个问题来帮助 AI 理解需求,并为 Claude Code 或 Cursor 等工具生成一个引导文件。它虽然有效,但存在缺陷:

  • AI 必须猜测颜色、字体和间距。
  • 设计和任务都存在于同一个文件中。
  • AI 依赖于自身的记忆,而不是真实的设计系统。

2.0 版本不仅仅是一次更新,它是一种全新的工作方式。

V1.0 vs V2.0:

V1.0:

  • 7 轮需求提问。
  • 无设计规则。
  • 单个引导文件。
  • 无外部参考。

V2.0:

  • 7 轮需求提问 + 7 轮设计偏好选择。
  • 包含颜色、字体和布局规则的完整 DESIGN_SPEC.md。
  • 一套完整的构建规范包 (PRD、设计、架构、任务)。
  • 可访问包括 Stripe、Linear 和 Apple 在内的 71 个品牌设计系统。
  • 为 AI 提供精确的 CSS tokens。

大多数人写的 AI 提示词(prompts)都很糟糕。他们会问:“你喜欢什么样的设计风格?”这太宽泛了。

V2.0 则改用多选题。每一轮都会提出一个问题,并提供 4 到 6 个选项。

  • 第一轮:项目类型(SaaS、仪表盘、AI 工具等)。
  • 第二轮:视觉参考(Stripe、Apple、Vercel 等)。
  • 第三轮:色彩基调(冷色调、暖色调、中性色)。

在 7 轮之后,系统会从 71 个品牌系统中提取设计 token。它会输出一个 CSS 变量列表,从而为 AI 提供精确的指令。

版本错误之所以发生,是因为 V1.0 和 V2.0 之间的差距太大了。我把两者都视为“当前”版本。

如果你的项目经历了巨大的转变,请使用清晰的版本标签。用户不会花 5 分钟去研究你的结构,他们只会给你 10 秒钟。

在进行下一次更新之前,问问你自己:

新用户能在 3 秒钟内看懂这个对比吗?

如果答案是否定的,请在修复代码之前先修复你的文本。

Source: https://dev.to/manoir_yantai_f22f01340f0/cong-v10-dao-v20-ge-vibe-coding-guan-xian-de-jia-gou-ji-fan-si-591h

Optional learning community: https://t.me/GyaanSetuAi