CoolFace
Apppublic

duqing026/generative-ui-agent

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
App README

生成式 UI Agent (Generative UI Agent)

这是一个基于 AI 大模型的智能界面生成工具，用户通过自然语言描述即可自动生成对应的前端 UI 界面代码。

核心功能

  • —AI 对话输入：支持中英文自然语言描述，通过硅基流 (SiliconFlow) API 调用 DeepSeek-V3 等先进模型。
  • —实时预览与代码查看：生成的界面代码可即时查看，并提供预览引导。
  • —历史记录管理：自动保存最近的生成记录，方便快速找回。
  • —响应式设计：生成的代码默认支持移动端和桌面端适配。

技术栈

  • —前端：React 18, TypeScript, Vite, Ant Design, Tailwind CSS
  • —后端：Node.js, Express, Axios
  • —AI 能力：硅基流 (SiliconFlow) API, DeepSeek-V3 模型

快速开始

1. 环境准备

确保您的系统中已安装 Node.js 和 pnpm。

2. 配置环境变量

在项目根目录下创建 .env 文件，并配置以下内容：

env
SILICONFLOW_API_KEY=您的硅基流API密钥
SILICONFLOW_MODEL=deepseek-ai/DeepSeek-V3
PORT=7860

3. 安装依赖

bash
pnpm install

4. 启动项目

bash
pnpm dev

该命令将同时启动前端开发服务器（默认端口 5173）和后端 API 服务（端口 3001）。

项目结构

  • —src/ - 前端源代码
  • —pages/ - 页面组件
  • —components/ - 通用组件
  • —api/ - 后端 API 服务
  • —routes/ - 路由处理逻辑
  • —public/ - 静态资源

许可证

MIT