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

推荐订阅源

V
Visual Studio Blog
Y
Y Combinator Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
IT之家
IT之家
量子位
小众软件
小众软件
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
有赞技术团队
有赞技术团队
罗磊的独立博客
S
SegmentFault 最新的问题
博客园_首页
N
Netflix TechBlog - Medium
月光博客
月光博客
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
M
MIT News - Artificial intelligence
A
About on SuperTechFans
The Cloudflare Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
腾讯CDC
MyScale Blog
MyScale Blog

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