在软件开发中,用户界面(UI)的构建往往是一个既费时又复杂的过程。现在有人尝试用AI来完成页面的开发,虽然效果上还是无法代替程序员,但是目前看还是能够做到辅助减少部分工作量。
今天就介绍一个开源的AI网页生成项目:OpenUI
它允许开发者通过简单的描述,然后生成UI页面。你还可以通过选择不同的语言,来生成对应的代码。
如何使用?
使用OpenUI非常简单。你只需要描述你想要的UI,OpenUI就可以将其实时渲染出来。如果你需要对UI进行修改,只需提出更改要求,OpenUI就可以帮你完成。它甚至可以帮助你将HTML转换成React、Svelte或Web Components等格式。
我们先看一下实际效果
打开官方的演示网站(你也可以自己部署),可以看到整个页面如下图
这时候在底部的输入框内,可以输入文字,描述你要生成的页面。
这时候生成了初版的效果,看起来不是想要的。那我们可以通过上面提供的修改工具,继续让AI生成。
如果你想常看代码,可以点击如下的区域,选择你要生成的风格
作者点评
作者试过很多AI页面生成的项目,整体来说效果还都是一般。虽然有的自媒体宣传如何恐怖,如何替代程序员,但是实际体验之后觉得目前水平还是无法做到的。
未来看GPT-5或者GPT-6发布之后,AI推理能力能否上升一个台阶。如果提升不了多少推理能力,我觉得大家还是安心睡吧,这个只是辅助我们的。
体验地址:
https://openui.fly.dev/ai/new
代码地址:
https://github.com/wandb/openui
其他页面生成AI项目:
https://v0.dev/