几个月前,Vercel 宣布推出了 V0.dev,这是一款专为开发人员和设计师设计的工具,能够使用 AI 生成 React 代码。最初,V0.dev 对外开放时采用了邀请制,但如今拥有 Vercel 帐户的任何人都可以访问并使用它。
这些工具填补了开发人员和设计人员之间的空白,并为许多公司在推出项目和产品时节省了时间。在这篇文章中,我将分享 V0.dev 的价值、它是如何运作的,以及开源对此类项目的影响。
V0.dev 是什么?
V0.dev 是一个类似 ChatGPT 的工具,但它专注于生成用户界面的代码。它使用 shadcn/ui 和 Tailwind CSS 库来生成代码。一旦代码生成完毕,网站会提供一个 npx 安装命令,以便您可以轻松地将生成的组件添加到您的项目中。
如何使用 V0.dev?
编写提示
V0.dev 为您提供了编写提示来创建设计的能力。除此之外,V0 还可以处理图像,并允许您改进所选元素的设计。为了更好地理解其工作方式,我进行了几个实验来测试其性能。
实例
导航站
aigc.cn是一个著名的AIGC导航网站,我们试试把网站截图给v0.dev 然后根据生成的内容提一些改进