UPage：
一款基于大语言模型的可视化网页构建平台，支持接入主流大模型，只需通过自然语言描述需求，即可快速生成个性化、高颜值的网页，让创作更高效、更智能。
核心特性：
- • 基于 LLM 的页面生成：通过自然语言描述生成完整的网页
- • 多种 LLM 提供商支持：兼容 OpenAI、Anthropic Claude、Google Gemini 等多种 LLM 模型
- • 可视化编辑器：简洁直观的可视化编辑器界面，实时预览
- • 多页面生成：支持同时生成多个页面
- • 代码导出：生成标准的 HTML/CSS/JS 代码，方便集成到现有项目
- • 响应式设计：自动适应不同屏幕尺寸
- • 部署集成：支持一键部署到常见托管平台
安装
Docker Compose
services:
upage:
image: halohub/upage:latest
container_name: upage
ports:
- 3000:3000
environment:
- LLM_PROVIDER=OpenAI
- PROVIDER_BASE_URL=your-openai-api-base-url
- PROVIDER_API_KEY=your-openai-api-key
- LLM_DEFAULT_MODEL=your-default-model
- LLM_MINOR_MODEL=your-minor-model
volumes:
- ./data:/app/data
- ./logs:/app/logs
- ./storage:/app/storage
restart: unless-stopped
参数说明（更多参数建议去看文档）
:::LLM_PROVIDER（环境变量）：默认 LLM 提供商
PROVIDER_BASE_URL（环境变量）：OpenAI 或者其他兼容 OpenAI 规范的 API 基础 URL
PROVIDER_API_KEY（环境变量）：OpenAI 或者其他兼容 OpenAI 规范的 API 密钥
LLM_DEFAULT_MODEL（环境变量）：生成页面所使用的主要模型
LLM_MINOR_MODEL（环境变量）：辅助页面生成所使用的次级模型
:::
TIP：我用的是硅基流动的 API，可以点击用我的邀请码注册（送 2000 万 Tokens）
https://cloud.siliconflow.cn/i/1kFLquql
https://api.siliconflow.cn/v1
Qwen/Qwen3-Coder-480B-A35B-Instruct
Qwen/Qwen2.5-Coder-32B-Instruct
使用
浏览器中输入 http://NAS的IP:3000 就能看到界面
为了更好的截图效果，我将主题设置为深色
先随便试试给的示例生成一个
生成的速度还行，就一点点看着网页生成
效果只能说一般般，好一点的模型应该会好一些
比较方便一点是，可以直接选中元素，让 AI 进行修改
TIP：服务器是不保存生成的数据的，生成以后代码要手动下载到本地，不然就没了
右上角，点击头像可以看到“API 使用量”
花了 127.6K Token，建议还是要对接免费的 API 先试试
总结
UPage 大大降低了网页开发的门槛，利用大语言模型，让用户能够通过自然语言描述来创建和定制网页。对零基础的普通用户来说，只需打开网页，通过自然语言描述需求就能快速生成网页。还能直接选中元素让 AI 调整修改，全程无需编写代码，上手几乎无门槛，让创意能够快速转化为实际网页。
综合推荐：⭐⭐⭐⭐（零使用门槛，新手也能快速上手）
使用体验：⭐⭐⭐（快速生成，上手无门槛）
部署难易：⭐⭐（简单）︎
