使用 AI 生成用户界面的开发套件已发布公开测试版

最近 Next.js React 框架的赞助商 Vercel 公司已发布人工智能驱动的 Web 开发套件的公开测试版,此前内测版本在短短三周内就吸引了超过 100,000 名注册用户,可见引起了开发者的极大关注。

该开发套件目前的版本是 v0 版,宣称用于生成用户界面系统,它基于 shadcn/ui 组件库和 Tailwind CSS 库输出 React 代码。初始提示会生成三种用户界面供用户选择,这样用户就可以选择更为满意的结果。

该开发套件的其中有个关键功能是用户可以使用新指令改进初始设计。有个示例显示了经过多次迭代,最终输出是一个具有专业外观的表单

  1. 管理员用户管理表单
  2. 添加导航栏
  3. 将其放入卡片内
  4. 为卡片提供合理的最大宽度
  5. 添加一些填充/卡片上方的边距
  6. 用图标替换它们
  7. 添加页脚

输出最终设计后,用户可以使用 HTML 和 React 代码将其添加到自己的其它项目中。导入代码的命令是:

csharp 复制代码
npx v0 add xxxx

其中 xxxx 是上面 v0 项目对应的 ID。

Vercel 同时声称,v0 接受了他们团队编写的自定义代码与开源和合成数据集混合的训练,并且计划将使用用户生成的提示和内容来改进其产品,但客户数据和代码不会用于训练 v0.1 所使用的模型,然后将在适当的时候为用户添加选择退出的选项。

虽然 v0 版仅支持 React、shadcn/ui 和 Tailwind,但未来可能会添加对其他 UI 库的支持,比如 Svelte、Vue 或纯 HTML,以及其他前端设计系统。

支持获取数据并将其显示在 UI 中吗?

Vercel 声称,有计划添加对数据获取代码的支持。

v0 生成的代码不仅仅用于设计原型测试,而且输出已经达到高质量,是适合生产的。公开测试版将分为免费和付费两种版本。

得益于 GitHub 的 Copilot 和其他 AI 产品,开发人员已经对人工智能生成代码的概念耳熟能详了,但人工智能生成的用户界面到目前位置还不常见。

当 v0 版发布时,社交媒体有人表达出了极大的热情,但也有人持怀疑态度。

可视化 UI 设计器已经存在了几十年,除了输入机制发生了变化之外,这或多或少是相同的。
你不是通过点击来提示,而是通过文本来提示。
看看这些人工智能工具是否能够扩展到更复杂的工作,这将是一件很有趣的事情。

IT 的历史上充满了一些聪明的想法,这些想法在演示时表现得很好,但一旦经过实际项目的检验就会令人失望透顶。

但是,解决了用户的痛点就是好产品。创建表单和其他常见用户界面模式的任务通常是重复且乏味的,能够在不影响设计的情况下加快这一过程的人工智能工具将得到用户的积极支持。

相关推荐
Jump 不二几秒前
Memory-os 7 层记忆架构深度解析:让 Hermes Agent 真正 “记住并使用“ 知识
人工智能·语言模型·系统架构
程序猿阿伟1 分钟前
《无需额外付费的OpenClaw Agent部署指南》
人工智能
DS随心转APP5 分钟前
AI导出鸭:AI 文档排版与一键导出实战指南
人工智能·ai·chatgpt·deepseek·ai导出鸭
geneculture6 分钟前
语(暨各级各类字组)对接外来的词和句以及本土的言和语:言和语的关系及双重形式化彻底解决问题
人工智能·语言学·融智学应用场景·哲学与科学统一性·融智时代(杂志)
凯丨7 分钟前
agentmemory on NAS 完整部署文档(Tailscale + DeepSeek 压缩 + 局域网 viewer)
人工智能
weixin_446260858 分钟前
Vortex:高效可编程稀疏注意力机制用于大模型推理服务
人工智能
AI科技星8 分钟前
精细结构常数α的多维度物理比值特性及空间螺旋模型研究
人工智能·线性代数·架构·概率论·学习方法
zhangfeng11338 分钟前
头部AI公司模以OpenAI、DeepSeek为代表型版本迭代训练策略深度解析:重新训练 vs. 增量训练(前瞻性技术推演
人工智能
装不满的克莱因瓶9 分钟前
掌握感知器的学习原理
人工智能·python·神经网络·算法·ai·卷积神经网络
卡梅德生物科技小能手14 分钟前
卡美德生物科普:LOXL2(赖氨酰氧化酶样蛋白2)
人工智能·经验分享·生活