惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

GbyAI
GbyAI
Jina AI
Jina AI
月光博客
月光博客
博客园_首页
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
IT之家
IT之家
Hugging Face - Blog
Hugging Face - Blog
T
Tailwind CSS Blog
V
Visual Studio Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
大猫的无限游戏
大猫的无限游戏
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
阮一峰的网络日志
阮一峰的网络日志
量子位
博客园 - 【当耐特】
The Cloudflare Blog
宝玉的分享
宝玉的分享
博客园 - 聂微东
博客园 - 叶小钗
美团技术团队
G
Google Developers Blog
人人都是产品经理
人人都是产品经理
博客园 - Franky
小众软件
小众软件

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
从 v1.0 到 v2.0:一个 Vibe Coding 管线的架构级反思
Manoir Yantai · 2026-06-22 · via DEV Community

Manoir Yantai

最近为一个维护了大半年的开源项目 vibe-coding-universal 发布了一个小补丁:把对比表里的 v2.0 (旧) / v2.0 (新) 修正为 v1.0 (旧) / v2.0 (新)

一行文案改动,暴露了一个严重问题:连我自己都不清楚当前版本叫什么,用户怎么可能理解这个工具的价值?

v1.0 做了什么

最开始的想法很简单:帮 AI 在写代码之前搞清楚需求。7 轮结构化问答,输出一份 guide.md,然后告诉 Claude Code 或者 Cursor "照着做"。这算是一个 MVP——能用,但局限性显而易见:

  • 没有设计规范输出,AI 每次都在猜配色、字体、间距
  • 单文档结构,架构设计和任务规划混在一起,难以复用
  • 没有参考源,全靠 LLM 内部知识,输出质量看运气

v2.0 的架构级差异

这次升级不是加功能,是改变管线形态。对比关系很清晰:

v1.0 v2.0
7 轮需求澄清 7 轮需求澄清 + 7 轮设计偏好澄清
无设计规范 完整 DESIGN_SPEC.md(10 段:色彩/字体/组件/布局/阴影/响应式)
单文件 guide.md 多文档 Build Spec 包(PRD + Design + Architecture + Tasks)
零参考系统 71 套品牌设计系统(Stripe/Linear/Airbnb/Apple……)
手写样式描述 精确 CSS Token 输出,vibe coding 工具直接消费

真正的杀手特性:结构化 Q&A

大部分人写 AI Prompt 犯了同一个错误——问"你喜欢什么样的设计风格"。这是个坏问题:答案太宽泛,无从收敛。

v2.0 的 7 轮设计澄清改用单选题驱动

轮次 1: 项目类型 → [SaaS / 消费类 / 仪表盘 / AI 工具 / 移动端 / 金融]
轮次 2: 视觉参考 → [Stripe / Linear / Airbnb / Vercel / Apple / 自定义]
轮次 3: 色彩氛围 → [冷色 / 暖色 / 中性] × [专业 / 温暖 / 科技感 / 极简 / 奢华]

每轮只问一个问题,给 4-6 个选项。用户做选择,AI 做匹配——7 轮后直接调取 71 套品牌系统的设计 token,输出可用的 CSS 变量表。

// 取自 DESIGN_SPEC.md 真实输出结构
:root {
  --color-primary: #6D28D9;       /* Stripe 紫 */
  --color-bg-primary: #0A0A0A;    /* Linear 黑 */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --radius-sm: 6px;
  --radius-md: 8px;
}

真正的教训

回到那个"版本号错误"的 commit。根源不是粗心,而是v1.0 和 v2.0 差距太大,以至于我在写对比表时下意识觉得两个版本都是"当前版本",忘记了旧的那个已经被重命名。

如果你的项目也有类似的情况——新旧能力跨度巨大、用户搞不清该用哪个——对比表前置 + 显式版本标签不是设计偏好,是刚需。用户不会花 5 分钟研究你的项目结构,他们的容忍窗口只有 10 秒。

下一次 commit 之前,问自己一个问题:

这张对比表,如果我是一个新用户,3 秒内能看懂该用哪个版本吗?

如果答案是否定的,先修文案再切代码。


全文基于 vibe-coding-universal v2.0 真实功能:7 轮结构化设计澄清 → 71 品牌系统匹配 → 10 段 DESIGN_SPEC.md 输出 → Build Spec 包。补丁 commit: 7c91eae