chore: update README.md with huggingface metadata

README.md

@@ -1,57 +1,69 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
+---
+title: 生成式 UI Agent
+emoji: 🎨
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+app_port: 7860
+short_description: 基于 DeepSeek-V3 的 AI 驱动 UI 界面生成工具，支持中英文自然语言描述。
+---
+
+# 生成式 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
 ```
 
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config({
-  extends: [
-    // other configs...
-    // Enable lint rules for React
-    reactX.configs['recommended-typescript'],
-    // Enable lint rules for React DOM
-    reactDom.configs.recommended,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
+### 3. 安装依赖
+
+```bash
+pnpm install
+```
+
+### 4. 启动项目
+
+```bash
+pnpm dev
 ```
+
+该命令将同时启动前端开发服务器（默认端口 5173）和后端 API 服务（端口 3001）。
+
+## 项目结构
+
+- `src/` - 前端源代码
+  - `pages/` - 页面组件
+  - `components/` - 通用组件
+- `api/` - 后端 API 服务
+  - `routes/` - 路由处理逻辑
+- `public/` - 静态资源
+
+## 许可证
+
+MIT