从 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 秒钟内看懂这个对比吗?
如果答案是否定的,请在修复代码之前先修复你的文本。
Optional learning community: https://t.me/GyaanSetuAi