比 Claude 更强的 AI 前端设计工具，零代码复刻个美团

几个月前，Vercel 宣布推出了 V0.dev，这是一款由AI驱动的UI生成工具。

V0.dev能让用户通过寥寥几句话，就能生成一个前端页面，且无需写一行代码。

并且具有Claude的artifact预览界面。

这不！

@LLM山猫这位博主就通过自然语言用V0.dev生成了一个美团。

没有写一行代码！

美团首页

订单页面

我的页面

商家页面

效果正如大家所见，不仅可以上下滑动，还能弹出窗口，甚至所有的按钮都可以进行交互。

只能送上两个字：牛派

V0.dev不仅能通过自然语言生成前端代码以及预览界面，还可以上传图片进行定制页面。

设计图：

用 V0 生成的页面：

虽说不能达到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 的有什么区别呢？

-V0的中文理解能力更强

-能够运行 npm 包

-和 Next.js 集成更好：Vercel 本身就是一个专注于 Next.js 的平台，所以效果要好上不少

-能上传图片

不过最近有人扒出V0使用的模型是Claude3.5。感兴趣的朋友可以去浅试一下。

目前V0已经从 Alpha 版本过渡到 Beta 版本，且有免费和付费版本，感兴趣的朋友可以冲啦。

地址：https://v0.dev/chat

返回列表

上周，Google 发布了一个新的多模态大模型 Gemini，从各项测试数据显示全面超越了 GPT4，在 AI 模型领域可谓赚足了风头。仅仅一周后，Gemini API 就发布了，并免费提供给开发者使...

大家好，今天我们来聊一聊一个非常有趣且实用的Python库——MagicGUI。这个库可以让你用最少的代码，快速创建图形用户界面（GUI）。如果你曾经尝试过用Tkinter、PyQt或其他GUI库开发...

简介Python 是一门极其流行和强大的编程语言,其简洁优雅的语法以及丰富的标准库和第三方库,使其在各个领域都广受欢迎。其中,Tkinter 是 Python 内置的图形用户界面(GUI)库,是构建...

AI花园