修改模板文档

This commit is contained in:
2026-04-25 20:40:14 +08:00
parent 52337cf662
commit c304b2b2e2
2 changed files with 57 additions and 2 deletions

View File

@@ -1,7 +1,7 @@
# Fonrey 模块 UI 设计文档生成提示词
> **用途**:每次针对一个具体业务模块,填入变量后直接发给 AI输出该模块的标准化 UI 设计文档。
> **输出文件**`Project/fonrey/UI_SYSTEM/模块UI设计/{模块名}_UI设计.md`
> **输出文件**`Project/fonrey/UI_DESIGN/{模块名}_UI.md`
---
@@ -64,7 +64,7 @@
## 输出格式要求
输出一份完整的 Markdown 文档,文件名为 `{{模块名称}}_UI设计.md`,结构如下:
输出一份完整的 Markdown 文档,文件名为 `{{模块名称}}_UI.md`,结构如下:
---
@@ -246,6 +246,9 @@
|---|---|---|---|
```
---
---
## 额外要求
@@ -305,3 +308,47 @@
- 对于同一模块内页面较多的情况(如房源管理有列表、详情、新增、跟进等多个页面),**全部包含在同一份文档中**,通过 `§2.N` 分节区分
- 弹窗数量较多时(如房源详情有 10+ 个编辑弹窗),可以将**结构相似的弹窗合并为一个通用弹窗规范**,仅列出字段差异表
- 生成完成后,将文档路径更新到上方「已生成的模块 UI 设计文档」表格中
## 输出HTML静态原型
1. 【UI_SYSTEM】全局UI设计规范文档 `Project/fonrey/UI_SYSTEM/UI_SYSTEM.md`
2. 【现有原型页面】已完成的HTML页面作为视觉和代码参考基准
- `Project/fonrey/UI_SYSTEM/preview.html`
- `Project/fonrey/UI_DESIGN/客源列表_UI.html`
- `Project/fonrey/UI_DESIGN/客源详情_UI.html`
3. 【本次模块UI设计文档】本次需要实现的模块设计说明
- **待填入**
## 强制约束(不可违反)
### 一致性约束
- 颜色、字体、字号、圆角、阴影、间距等视觉变量,必须与 UI_SYSTEM 保持完全一致,不得自行创造新的变量
- 公共组件(导航栏、侧边栏、顶部栏、按钮、表单、卡片、标签等)的样式和结构,必须与现有原型页面中的实现保持一致
- 如果现有页面使用了 CSS 变量或特定 class 命名规范,本次输出必须沿用相同的规范
### 布局约束
- 整体页面框架(如侧边栏宽度、顶栏高度、内容区边距)必须与现有原型页面保持一致
- 响应式断点策略(如有)需与已有页面对齐
### 代码约束
- 输出单一 HTML 文件CSS 写在 <style> 标签内JS 写在 <script> 标签内
- 不引入任何外部依赖,除非现有原型页面已经使用了该依赖
- 类名、变量名的命名风格与现有代码保持一致
### 执行步骤(按顺序执行)
1. 通读所有输入材料,识别 UI_SYSTEM 中的核心设计 token
2. 分析现有原型页面,提取公共组件的 HTML 结构和 CSS 实现
3. 阅读本次模块设计文档,理解页面结构、交互状态和内容层级
4. 以现有页面为外壳,将本次模块内容填入正确的内容区域
5. 对照设计文档逐项检查还原度,确认无遗漏后输出
### 输出要求
- 直接输出完整可运行的 HTML 文件内容
- 页面中需要数据的地方使用合理的占位内容(不要留空)
- 交互状态hover、active、selected、disabled需在 CSS 中体现
- 输出完成后,列出你在本次实现中做出的所有设计假设或补充决策
### 注意事项
- 如果设计文档与 UI_SYSTEM 存在冲突,以 UI_SYSTEM 为准,并告知我冲突点
- 如果设计文档描述不清晰,不要自行猜测,先列出疑问再继续

View File

@@ -55,6 +55,14 @@
**UI 设计文档**
- UI SYSTEM`Project/fonrey/UI_SYSTEM/UI_SYSTEM.md`
- 组件清单:`Project/fonrey/UI_SYSTEM/组件清单.md`
- 模块UI Design:
- `Project/fonrey/UI_DESIGN/客源列表_UI.md`
- `Project/fonrey/UI_DESIGN/客源详情_UI.md`
**UI 原型页面**
- UI SYSTEM: `Project/fonrey/UI_SYSTEM/preview`
- 客源列表:`Project/fonrey/UI_DESIGN/客源列表_UI.html`
- 客源详情:`Project/fonrey/UI_DESIGN/客源详情_UI.html`
**其他参考文档**