比 Claude 更强的 AI 前端设计工具，零代码复刻个美团
创业
2024-08-28 23:29
广东
![]()
作者｜子川
来源｜AI先锋官
几个月前，Vercel 宣布推出了 V0.dev，这是一款由AI驱动的UI生成工具。V0.dev能让用户通过寥寥几句话，就能生成一个前端页面，且无需写一行代码。
@LLM山猫这位博主就通过自然语言用V0.dev生成了一个美团。![]()
订单页面
我的页面
![]()
效果正如大家所见，不仅可以上下滑动，还能弹出窗口，甚至所有的按钮都可以进行交互。
V0.dev不仅能通过自然语言生成前端代码以及预览界面，还可以上传图片进行定制页面。![]()
虽说不能达到100%相似，但是 V0.dev的模仿能力忍不住让人直呼：“卧槽，我的前端兄弟是不是要失业了”。效果这么好！已经忍不住去扒一下它的底裤啦（搓搓手）V0.dev 是Vercel 由AI驱动的生成式用户界面系统。它基于shadcn/ui 和 Tailwind CSS从而生成易于复制和粘贴的 React 代码。（重点：可以复制代码）V0.dev的工作原理也非常简单，就是通过自然语言去交互就能生成UI元件的完整代码。而且你还可以进一步输入提示词，让 V0根据原本的 UI 元件去做修改。完全不需要担心抽卡。V0.dev的训练数据是来源于Vercel团队编写的自定义代码进行训练，并混合了开源和合成数据集。Vercel团队还特别指出，客户的数据和代码过去未来都不会用于训练V0模型。那V0.dev 与 Claude Artifact 的有什么区别呢？-和 Next.js 集成更好：Vercel 本身就是一个专注于 Next.js 的平台，所以效果要好上不少不过最近有人扒出V0使用的模型是Claude3.5。感兴趣的朋友可以去浅试一下。目前V0已经从 Alpha 版本过渡到 Beta 版本，且有免费和付费版本，感兴趣的朋友可以冲啦。扫码邀请进群，我们带你一起来玩转ChatGPT、GPT-4、文心一言、通义千问、讯飞星火等AI大模型，顺便学一些AI搞钱技能。
