去年用传统方式搭个人网站,从配环境到调CSS能折腾三天。上周同样的活儿,一位谷歌工程师花了——按他的原话——"压缩到分钟级别"。
不是偷懒,是迭代成本被砍到了脚踝。这背后是一波叫Vibe Coding的新 workflow,正在把"写代码"变成"当导演"。
从乐手到指挥:Vibe Coding到底是什么
这位工程师叫Avo,在Google做日常工程,但周末搞了个副业项目:旅行网站Scenic Stamps。他给自己的角色打了个比方——以前你是乐手,得自己拉小提琴、打鼓、弹大提琴;现在你是指挥,只需要知道这场交响乐该是什么"vibe"。
技术定义很直白:你的核心身份从Coder(编码者)变成Creative Director(创意总监)。AI代理接手多步骤工作流——写类型安全的代码、跑终端命令、自动修复部署错误。人只负责战略 oversight。
Avo在Google已经嵌了几套AI workflow,但这是第一次端到端用在个人项目。他的North Star(北极星指标)不是"快速建站",而是压缩"旅行结束"到"故事发布"之间的时间。
这个指标选得很产品思维。传统 workflow 里80%时间花在搭骨架:写样板代码、跟CSS布局摔跤。Agentic workflow 把高阶目标扔给AI,它自己规划、推理、执行。
50倍提速的数据来自Avo的实测对比。他算过一笔账:以前专业级个人站是多天项目,现在按分钟计。
为什么选Vercel v0:一场开发者活动的副产品
2026年的AI工具货架很满。Avo选Vercel+v0的理由有点随意——刚参加完一场开发者活动,手里有赠送的积分,想验证它"高速代理化部署"的名声是否属实。
技术栈拆解开:Vercel是网站实际托管的云基建,v0是Vercel专门做的AI工具,用自然语言生成UI和全栈代码。
他的验证路径很工程师:先跑通,再审计。v0生成的首版代码在本地跑起来了,但Avo很快发现AI的幻觉问题——样式对了,但可访问性标签缺了,性能优化也没做。
这里他划了条红线:让AI建80%,但用专业经验审计20%——安全、可访问性、性能,这三样不能外包。他管这叫"别在Vibe里丢掉工程师"。
具体操作上,Avo用了80-20法则。AI写业务逻辑和UI框架,他手动检查Lighthouse评分、ARIA标签、CSP策略。一个细节:v0默认生成的图片懒加载策略在移动端有闪烁,他重写了Intersection Observer的阈值。
从Prompt到Production:一条完整链路
Avo公开了他的prompt设计。不是"给我做个旅行网站"这种粗放指令,而是结构化描述:核心功能(地图标记+时间线)、技术约束(Next.js App Router、Tailwind、Vercel Postgres)、体验目标(首屏1秒内、支持键盘导航)。
v0的反馈循环很快。第一轮生成的是静态原型,他补了数据层需求,v0在第二轮吐出了Prisma schema和API路由。第三轮迭代聚焦移动端适配,AI自动生成了响应式断点,但Avo发现平板横屏下的地图比例失调,手动调了aspect-ratio。
部署环节最顺。v0直接对接Vercel CLI,自动处理环境变量和构建配置。Avo的原话:「以前配CI/CD要半小时,现在就是点确认」。
但生产就绪的门槛没变。他额外做了三件事:用Snyk扫依赖漏洞、配了Plausible做隐私友好的分析、写了404和500的自定义页面。这些AI没提示,但工程师知道必须有。
速度背后的隐性成本
Avo的实验在开发者社区引发了两极反应。支持方算的是经济账:个人项目的时间成本从"需要请假"变成"周末下午"。质疑方担心的是能力退化——当80%代码由AI生成,调试和架构设计的肌肉会不会萎缩?
Avo的回应很直接:「验证环节就是训练环节」。他解释,审计AI代码比从零写更考验判断力——你得快速识别哪里偷懒了、哪里过度设计了、哪里埋了技术债。
一个具体例子。v0为Scenic Stamps生成了基于localStorage的草稿功能,代码能跑,但Avo发现它没有处理Storage Quota Exceeded的边界情况。这个漏洞AI没自检出来,但生产环境一定会踩。
他把这个案例写进了复盘:「AI给你的是能跑的代码,不是能扛的代码」。差距就在这些边缘 case 里。
社区里另一个争议点是"创意总监"角色的真实门槛。有评论指出,能当好指挥的前提是听过足够多的交响乐——也就是你得先知道好的代码长什么样,才能评判AI的输出。这对新手反而是更高的隐性门槛。
Avo同意一半。他认为Vibe Coding确实放大了"知道该问什么"的重要性,prompt工程本身就是新技能。但他也观察到,v0的迭代机制在降低试错成本:生成-预览-反馈的循环够快,新手可以通过观察AI的尝试来反向学习。
North Star的迁移:从工程指标到用户指标
Scenic Stamps上线后,Avo追踪的实际数据是"故事发布延迟"——从旅行结束到页面上线的中位数时间。传统 workflow 时代这个指标以天计,现在压到了4小时以内。
他特意区分了两个概念:建站速度和迭代速度。前者是一次性成本,后者是持续性收益。Vibe Coding的核心价值在后者——当修改一个按钮样式只需要重述需求而不是改CSS,实验意愿会指数级上升。
这个观察匹配了更广泛的行业趋势。Vercel官方数据显示,v0用户的平均迭代次数是传统开发者的7倍,但单次迭代时间只有1/20。结果是更多功能被测试,更多想法被验证,更多失败被快速抛弃。
Avo的站点目前跑了三周,经历了17次可见迭代。对比他三年前用Gatsby做的旧版个人站,三年总共迭代了9次。
技术债方面,他做了次刻意审计。AI生成的代码中,约15%被他标记为需要重构——主要是抽象层次不一致和错误处理不完整。但重构成本很低,因为AI能基于现有代码继续生成补丁。
一个有趣的副作用:他的commit message质量下降了。以前写"fix: adjust grid gap on mobile landscape",现在变成"v0: update layout"。版本历史的可读性在退化,但代码本身的迭代速度在提升。
工具链的拥挤战场
Vercel v0不是唯一玩家。同一赛道上,Bolt.new主打全栈生成,Replit Agent强调协作编程,Lovable聚焦设计系统。Avo试过其中三个,最终留在v0的原因是生态锁定——他的工作流已经深度绑定Vercel的部署和预览环境。
这个选择本身有争议。有开发者批评v0的代码生成偏向Vercel自家的技术栈(Next.js、Edge Runtime),迁移成本被刻意抬高。Avo的回应是务实:个人项目不需要多供应商策略,锁定换效率是合理交易。
企业级场景更复杂。Google内部有自研的AI编码工具,Avo的日常工程在用,但周末项目刻意选了外部工具。他的解释是:「想验证外部生态的成熟度,也避免把公司技术债带回家」。
v0的定价模型也在被讨论。免费 tier 有生成次数限制,Pro 版$20/月解锁无限生成和私有项目。Avo用活动积分覆盖了初期成本,但算过一笔账:如果保持当前迭代频率,三个月后的累计成本会超过请一个海外兼职开发者。
这个计算还没算上他的时间成本。作为Google L5工程师,他的时薪换算成项目投入,Vibe Coding的"节省"其实是伪命题。但他强调:「周末时间不是可替换资源,能用钱买专注度是赚的」。
幻觉问题:AI代码的暗礁
Avo在复盘里列了v0的三次显著幻觉。第一次是生成了一段"优化"的图片加载代码,实际用了已废弃的API;第二次是自信满满地实现了"自动暗黑模式",但颜色对比度没通过WCAG 2.1;第三次最隐蔽——生成的SQL查询在本地数据集能跑,但生产环境的索引策略下会全表扫描。
三次都被他的20%审计环节拦截。但他承认,如果项目更复杂或时间更紧,漏检概率会上升。
社区里流传着一个极端案例:有开发者让v0生成支付流程,AI写了一段能跑通的Stripe集成,但把webhook secret硬编码进了客户端。这个漏洞在代码审查中被发现,但如果直接部署,等于把API密钥公开。
Avo的结论是分层防御:AI生成→自动测试→人工审计→灰度发布。他在Scenic Stamps里配了Vercel的预览环境,每次迭代先跑Lighthouse和Playwright,再人工抽查关键路径。
这个流程比纯AI生成慢,但比传统开发还是快一个数量级。他的原话:「50倍提速是理论上限,实际拿到10倍已经改变游戏规则」。
工程师身份的重新定义
Vibe Coding的流行引发了一个身份焦虑:当代码生产能力被AI外包,工程师的核心价值是什么?
Avo的答案分两层。短期看,是"品味"——知道什么该建、什么该抄、什么该删。长期看,是"系统思维"——把零散功能整合成连贯体验的能力。
他用Scenic Stamps举例。v0能生成独立的地图组件和时间线组件,但把两者联动起来(点击地图标记跳转到对应时间线节点)需要产品判断。这个交互不是技术难题,是体验设计决策,AI不会替你做。
另一个例子是性能预算。v0生成的首版代码Lighthouse性能分是67,Avo通过调整图片格式策略和代码分割,推到了94。AI知道"优化性能"这个指令,但不知道这个项目的具体预算约束和用户场景。
他观察到一个分化:擅长Vibe Coding的工程师,往往是之前就有全栈经验的人。纯前端或纯后端背景的人,在prompt设计和跨层调试上会更吃力。这暗示了技能迁移的路径——不是从零开始,而是重新配置已有能力。
Google内部的反应也值得玩味。Avo说他的直接经理对周末项目"既不鼓励也不阻止",但团队里已经有同事在用类似工具做原型验证。大公司的保守体现在生产环境:核心系统仍然禁止AI生成代码直接合并,必须通过人类审查。
个人站点的商业化试探
Scenic Stamps目前还是纯爱好,但Avo埋了几个可扩展的设计。内容层用了MDX,方便将来接入CMS;分析层留了转化漏斗的埋点位置;甚至预留了会员系统的数据库表结构。
这些都不是v0主动生成的,是他基于产品直觉的预埋。AI能加速实现已知需求,但发现未知需求仍然是人的工作。
他测试了一个假设:Vibe Coding是否适合MVP验证?结论是"看阶段"。如果MVP的核心风险是技术可行性(能不能建出来),AI极大加速;如果核心风险是需求真实性(有没有人想用),快速迭代反而可能让人陷入"功能堆砌"的陷阱。
Scenic Stamps的下一步是开放投稿功能,让其他旅行者分享故事。这个功能的复杂度会考验当前架构的扩展性,也是Avo验证"AI生成代码的可维护性"的实验场。
他计划记录三次迭代后的代码健康度:圈复杂度、测试覆盖率、依赖更新频率。这些数据会决定他是否继续用Vibe Coding推进,还是切回传统模式重构。
如果Vibe Coding把你的个人项目从"需要请假"变成"周末下午",你会选择建更多项目,还是把省下的时间花在其他地方?Avo的站点后台显示,过去三周他的"故事发布延迟"中位数是3.7小时——但其中有两次,他选择了不发布,因为"感觉还没对"。速度解决了执行问题,但决策问题仍然悬在那里。
热门跟贴