Hi,这里是Aitrainee,欢迎阅读本期新文章。
Vercel 的 v0 最近更新了,官网已从 .dev 更改为 .app。
新版的核心升级是引入了 Agentic AI(智能体 AI),现在,你只需提供一个想法,v0 就能帮你构建一个完整的全栈应用,涵盖前端、后端、文案和逻辑。
这个 Agentic AI 具备自主规划、研究、编码和 Debug 的能力。它能跨多步骤工作,在上下文中理解你的需求,并根据情况进行调整。
像 Claude Code 和 Cursor 这类工具虽然在功能实现上很强大,但在初始设计(design out of the box)方面我们有更好的选择。因此,一个“最优化”的工作流是:
- 第一步: 使用 v0 这类工具快速生成一个设计精美、具备基础功能的应用原型。
- 第二步: 将这个高质量的前端设计作为起点,再切换到 Claude Code 或 Cursor 等工具中,继续后续的开发流程。
v0评论区挺热闹的,有人说新版质量速度都上去了。
v0上线Agent模式后,每天前10w用户提供5~80刀的日抛免费额度
根据其他人的反应,大概不同层级的用户领到的数目不一。
- 普通用户5刀
- premium用户 20刀
- Team用户 80刀
我让他创建一个名为**“短暂画布”的Web应用。这是一个全球共享、但每24小时重置一次** 的巨型画板。所有用户都是匿名的,他们可以在画布上同时作画。
这个需要用到后端。
提示词:
“短暂画布” (The Ephemeral Canvas)惊奇感 (Aha Moment): 一个反直觉的、阅后即焚的、匿名的全球协作艺术品。它挑战了“创作=永恒”的观念,将重点放在“过程”和“瞬间”之上,解决了“我想无压力地乱涂乱画并与人产生短暂连接”的隐秘需求。
提示词:创建一个名为**“短暂画布”的Web应用。这是一个全球共享、但每24小时重置一次** 的巨型画板。所有用户都是匿名的,他们可以在画布上同时作画。
技术栈与实现要点:
- 后端: 使用 Supabase。
- 实时核心: 利用 Supabase 的 Realtime Database 功能。任何一个用户在画布上的笔触,都需要被实时广播给所有在线的其他用户,实现真正的“天涯共此时”。
- 后端逻辑: 不需要存储用户的绘画历史。只需要一个 Supabase Edge Function,在每天午夜零点准时触发,执行一个简单的操作:清空整个画布数据。第二天,所有人面对的又是一张全新的白纸。
- 前端: 使用 HTML5 Canvas 或 Konva.js 来实现绘画功能。
- 用户体验: 没有登录,没有个人资料。打开网页就能看到别人正在创作的痕迹,你可以加入他们,也可以自顾自地画。重点是体验那种“我为人人,人人为我”的、不留名的、纯粹的创作与毁灭的循环。
开始之前,你需要在V0里先创建一个supabase项目用于数据存储。
其他suobase相关文章: Bolt + Supabase:1分钟实现APP的登陆功能、连接数据库(Bolt、Cursor、BaaS、AI全栈)
盘点 9 个 数据库MCP:Supabase、Neon、PostgreSQL、SQLite、MongoDB、MindsDB。
现在,可以开始了:输入提示词,这里是全部流程。V0一次提示完成
每画一笔 / 进行一个操作,数据会更新。记录到supabase,
使用V0发布后:
手机端访问网址,也能进行同步操作。
你在画的同时,其他人用手机/网页画,可以实时同步看到他们的更改。
视频中Anonymous (匿名的)实时同步在画。 但是只能看到轨迹,小Bug,稍微提示V0即可显示。
这个短暂画布提示词,我也发给过Bolt、Lovable,他们并没有在第一次提示中实现实时同步的功能。有时候他们所实现的画布。刷新之后就没有了。
V0这个Agent在构建过程中遇到错误,现在点都不用你点了,直接就自己修复了。
另外看它的Agent界面体验方面确实是最好的。
接着,我们接入Stripe,让他给画布集成支付功能。
原来的提示词我们不要求他实现登录注册,现在在这一次提示词中我们需要先完成登录注册,再集成 Stripe 订阅支付:
我们查看新的界面,并尝试注册登录与订阅。 V0自发的设置了一个免费阶层。
操作过程:
stripe后台显示订阅成功。
此外,V0每天向前100名用户提供免费积分。
它还可以生成图像。以前我们可能使用
replicate mcp为自己的应用程序生成UI资产
总体而言,相比Bolt、Lovable,V0的体验和性能等可能更好。当然,它的前端审美一直以来都是独具一格的。
Web 开发 AI 就选它?V0复合架构无错误率 93.87% 远超 Claude 4 Opus 单体!
V0 模型直接进驻 Cursor,UI 生成效果炸裂,氛围编码体验再升级。
谷歌版“氛围编程”来了,动嘴就能写 App,Firebase Studio 免费发布,对标 V0/Bolt ?
V0 + Cursor + 可灵:快过年了,用AI来手搓自己的微信动态红包封面吧。「封面、气泡挂件」
Llama Coder V2:这款完全免费的 AI Coder 击败了 V0 和 Bolt吗?开源免费,一键部署。
V0更新:AI驱动的全栈Web开发工具,击败了Bolt 、Cursor、Windsurf 吗?
AI 编码 + Vercel 部署 + 域名解析:一文搞定Web 应用开发上线全流程,氛围编码+MCP 审计优化。
更多AI实践与资讯
本号知识星球 (汇集ALL 订阅频道合集和其他):
🌟 知音难求,自我修炼亦艰,抓住前沿技术的机遇,与我们一起成为创新的超级个体(把握AIGC时代的个人力量)。
点这里👇关注我,记得标星哦~