软件开发中，用户界面（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/

着互联网的发展，越来越多的企业和个人想要制作自己的H5网站。你真的了解它吗？又该如何制作呢？下面就跟大家解答一下关于h5网页的相关问题。

1.H5到底是什么？

通俗地讲，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。

2.h5制作软件怎么选？

一般情况下，一个H5项目涵盖策划、创意、平面、动画交互、前后端的开发、推广等方面，传统建站方式，需要多人团队的配合，周期较长。随着H5技术的普及，对人力成本的控制和开发效率要求，如今已经涌现出很多h5制作软件。

对于小白来说，想要制作h5页面，就需要用到这样的软件。市面上这样的制作工具质量良莠不齐，你需要从以下这些方面多加鉴别：

（1）H5功能。一个比较高质量的h5建站工具应该具备多种功能，包括相册、视频、商店、博客、产品展示、定价表、网格……等等。这样才能让你做出一个内容丰富、页面美观的网站。

（2）案例效果。多观察下做出来的各种案例，看看是否能运行流畅，系统稳定？案例效果能直接反映建站软件的好坏。

（3）业内口碑。尽量选业内知名度高、口碑较好的平台，比如「上线了」，技术团队来自硅谷，从业经验丰富，做出来的网站也非常好用。

3.h5怎么制作？

h5免费制作教程如下：

在「上线了」官网注册账号后选择“创建网站”，再选一个喜欢的模板：

然后进入后台编辑页面。点击左侧【添加新版块】，你可以添加各种功能——商城、博客、定价表、相册、产品展示、大尺寸媒体、留言表单、横向布局、纵向布局等。不需要的版块也可以随时删除。

一个h5网页，就是由这些不同版块组成的。

在“设置”里设置网站的域名、标题、logo、页眉页脚等等。全部做好后点击网站左下角的“上线”，就成功发布网站了。

非常简单！用这种方法做h5网页不需要你懂任何技术，企业、个人都适合，而且后续还能随时修改，非常方便哦~

有半年之久没有更新新作品了，但这个小小领地我并没有忘记，我会坚持下去，一直在这等你，等你的每次回眸，感恩你的每次驻足，这已经足够成为我坚守的动力和理由，尽管现在有很多不足和不尽人意，也没很多的时间管理，我会尽量让它保持足够的新鲜感，每次的作品都投入足够的用心，否则宁愿选择缺省，当某些东西成为寄托之后，就不能容许随意的成分。

谢谢大家的支持，我会尽力做好每一页的代码，今天和大家分享的主题是《周末の玉玲》，谁的青春没有一个故事，仅以此篇祭祀那些逝去的青春，珍惜当下，毕业不是终点，不要再错过。

该主题包含一张index.html，后面预留了3页，留给你们自己设计，因为每个人的青春都不一样，html5+css3设计，支持手机端。

导语

青涩的时光，情窦初开，那是学生时代，一个男孩心系一个女孩，每到课间休息都会在走廊上等你经过，只为看你一眼，你的一颦一笑，都印记在心里，至今无法抹去，如今的生活常常在梦中遇见你，如若岁月可以回去那一年，我能否向你表明心声和坚持的决心，而不是让懊悔和思念成为了不可逆转的结局。

主题

《周末の玉玲》

图摘

文件目录结构