UIGEN-T1

UIGEN-T1是什么？

UIGEN-T1是一个专为 HTML 和 CSS 前端组件生成而优化的大型语言模型，具备链式推理能力，可自动生成基础 UI 布局代码。它由 Qwen2.5-Coder-7B 微调而来，可以理解成自然语言提示自动生成简单登录页、仪表盘、注册表单等的html+css代码，可应用于无代码或者低代码场景下的前端快速原型设计等等。

UIGEN-T1的主要功能特点

• 链式推理生成前端代码：根据自然语言指令生成符合语法规则的 HTML、CSS UI组件。
• 专注基础界面布局：适用于仪表板、登录页、注册表单等简单静态界面，不包含复杂交互逻辑。
• 支持集成至低/无代码平台：可用于原型设计或微调至 Vue、React 等框架，提升前端自动化能力。
• 提示语驱动设计：建议在提示末尾添加 “answer” 以获得更准确的推理结果。
• 设计偏向简洁基础：风格偏保守，不适合生成创意或高级 UI 布局；输出可能包含格式伪影。
• 高效但需人工优化：产出的内容结构清晰，只是还需要手动将代码整理到适合生产的程度。

应用场景

• 快速生成 HTML/CSS 静态界面原型
• 构建登录页、仪表板、表单等基础布局
• 集成至低代码或无代码平台
• 辅助前端设计师快速构思布局草稿
• 可微调用于 Vue、React 等组件生成 

UIGEN-T1安装使用方法

1.克隆仓库：

git clone https://github.com/your-repo/UIGEN-T1.git
cd UIGEN-T1

2. 安装依赖包：检查是否已经安装了 Python 和 pip，运行以下命令进行库的安装：

pip install -r requirements.txt

3.启动服务：如果是本地部署，可以按照文档说明启动服务器：

python app.py

4.访问接口：在浏览器中输入地址（例如 http://localhost:8000）访问；或者直接向 API 接口发起 HTTP 请求。

5.示例请求：假设你想要做一个简单的登录页面，向 API 发送 POST 请求：

{     “prompt”: “Generate a login page with username and password fields” }

响应将包含生成的 HTML 和 CSS 代码片段。

UIGEN-T1获取方式：

Hugging Face 模型库下载：https://huggingface.co/smirki/UIGEN-T1-Qwen-7b

一句话总结： UIGEN-T1 是专为 HTML/CSS 前端组件自动生成设计的大型语言模型，适合构建基础界面结构并集成至无代码或原型平台使用。