65 lines
5.7 KiB
Markdown
65 lines
5.7 KiB
Markdown
|
# 2026-07-13 工作日志
|
|||
|
|
|
|||
|
|
## AI界面生成提示词规划
|
|||
|
|
- 创建 `references/AI界面生成提示词_输入层与内容分析整理.md`
|
|||
|
|
- 基于输入层和内容分析整理层产品规划，编写完整的AI界面生成提示词
|
|||
|
|
- 覆盖两个界面：输入层（三模块并列）+ 内容分析整理（解析展示+完整性检查+AI补充候选）
|
|||
|
|
- 细到每个功能按钮的规格定义（尺寸/颜色/字号/交互状态）
|
|||
|
|
- 包含：全局设计规范（色彩/字体/间距/通用组件）、页面总体结构（顶部导航/步骤进度条/底部操作栏）、界面一输入层详细布局、界面二内容分析整理详细布局、交互状态流转、响应式与边界处理、组件拆分建议
|
|||
|
|
- 技术栈：React + TypeScript + Tailwind CSS + lucide-react
|
|||
|
|
|
|||
|
|
## 架构变更：6步从用户可见改为后台自动
|
|||
|
|
- 核心变更：用户可见范围从"6步逐步确认"精简为"4阶段"（输入→分析→生成loading→脚本查看）
|
|||
|
|
- 6步创作步骤（Step1-6）从用户可见的逐步确认门 → AI后台自动执行，用户不可见中间过程
|
|||
|
|
- 6个用户确认门 → 2个用户可见节点（内容分析确认 + 脚本查看）；原确认门变为AI内部质量检查点
|
|||
|
|
- 脚本查看阶段：编导可审阅逐帧脚本/人设卡片/质量报告，不满意可重新生成或修改输入后重新生成
|
|||
|
|
- 涉及8个文件同步更新：
|
|||
|
|
- 02_产品架构.md：5层架构表加"用户可见"列、状态机完全重写、确认门→内部质量检查、数据流更新
|
|||
|
|
- 04_产品文档.md：产品定位/核心价值/功能模块总览/Step1-6标题和检查规则/验收标准全部更新
|
|||
|
|
- 产品框架图.html：Layer3-4标注"后台自动"、S1-S6标签从"确认门X"改为"AI内部自检"、Q2从"编导人工判断"改为"脚本审阅反馈"
|
|||
|
|
- 6步创作流程.html：完全重写Mermaid图，用户可见流程+后台6步子图+重新生成路由
|
|||
|
|
- 交付页.html：架构表3行更新+hero描述+步骤说明+文档摘要更新
|
|||
|
|
- AI界面生成提示词：步骤进度条8步→4阶段、新增界面三(AI生成中loading页)和界面四(脚本查看页)、状态流转新增2个界面、组件树新增2个Screen
|
|||
|
|
- 03_可视化设计说明.md：图表清单说明更新
|
|||
|
|
- 00_项目章程.md：核心命题/交付物说明/6步说明/成功标准/角色分工全部更新
|
|||
|
|
|
|||
|
|
## 输入层布局顺序调整
|
|||
|
|
- 顺序从「选择达人人设→编导需求输入→广告Brief」调整为「①需求输入→②选择达人人设→③上传广告Brief」
|
|||
|
|
- 名称变更：「编导需求输入」→「需求输入」，「广告 Brief 输入」→「上传广告 Brief」
|
|||
|
|
- 涉及8个文件同步更新：
|
|||
|
|
- 02_产品架构.md：架构表/章节序号重排(3.0.1→需求输入,3.0.4→选择达人人设,3.0.5→上传广告Brief新增)/状态机/Step1输入描述
|
|||
|
|
- 04_产品文档.md：章节序号重排(2.1→需求输入,2.4→选择达人人设,2.5→上传广告Brief新增)/输入来源描述
|
|||
|
|
- 产品框架图.html：3模块卡片顺序重排(Module1→需求输入,Module2→选择达人人设,Module3→上传广告Brief)/架构说明
|
|||
|
|
- 6步创作流程.html：START节点文字顺序
|
|||
|
|
- 交付页.html：架构表输入层描述
|
|||
|
|
- AI界面生成提示词：布局图模块序号/3.2-3.4节标题和内容交换/组件树/状态流转/提交按钮
|
|||
|
|
|
|||
|
|
## 界面提示词文档拆分
|
|||
|
|
- 创建 `references/AI界面生成提示词/` 文件夹
|
|||
|
|
- 将原合并文件 `AI界面生成提示词_输入层与内容分析整理.md` 拆分为7个独立md文件：
|
|||
|
|
- `00_前端样式规范.md`：全局设计规范(色彩/字体/间距/通用组件) + 页面总体结构(共享布局) + 响应式与边界处理 + Toast规格
|
|||
|
|
- `01_界面一_输入层.md`：输入层三模块详细规格
|
|||
|
|
- `02_界面二_内容分析整理.md`：内容分析整理双区域详细规格
|
|||
|
|
- `03_界面三_AI生成中.md`：AI生成中Loading页规格
|
|||
|
|
- `04_界面四_脚本查看.md`：脚本查看三Tab详细规格
|
|||
|
|
- `05_交互状态流转.md`：四界面完整状态流转逻辑
|
|||
|
|
- `06_AI代码生成指令.md`：技术要求与组件拆分建议
|
|||
|
|
- 每个页面文件开头添加交叉引用指向 `00_前端样式规范.md`
|
|||
|
|
- 已删除原合并文件 `AI界面生成提示词_输入层与内容分析整理.md`，后续基于单个页面md独立调整
|
|||
|
|
|
|||
|
|
## 界面名称重命名
|
|||
|
|
- 「输入层」→「用户输入」，「内容分析整理」→「分析整理」
|
|||
|
|
- 涉及13个文件全局替换：提示词文件夹7个md + 00_项目章程 + 02_产品架构 + 04_产品文档 + 3个HTML（交付页/框架图/流程图）
|
|||
|
|
- 提示词文件名同步重命名：01_界面一_输入层.md → 01_界面一_用户输入.md，02_界面二_内容分析整理.md → 02_界面二_分析整理.md
|
|||
|
|
|
|||
|
|
## 五层架构层级名称重命名
|
|||
|
|
- 「短视频脚本创作步骤」→「脚本创作」，「质量保障层」→「脚本诊断」，「输出层」→「脚本输出」
|
|||
|
|
- 短引用同步更新：「创作步骤」→「脚本创作」，「质量保障」→「脚本诊断」，「输出」（指层级时）→「脚本输出」
|
|||
|
|
- 涉及文件：02_产品架构.md（3个层级名+3处短引用）、03_可视化设计说明.md、references/短视频选题创作方法.md、3个HTML（交付页/框架图/流程图）
|
|||
|
|
- 全局验证零残留
|
|||
|
|
|
|||
|
|
## 术语重命名：达人人设→账号设定
|
|||
|
|
- 「达人人设」→「账号设定」，联动「达人设定」→「账号设定」
|
|||
|
|
- 涉及文件：02_产品架构、04_产品文档、3个HTML（交付页/框架图/流程图）、AI界面生成提示词4个md（01/02/03/04/06）、references/短视频选题创作方法
|
|||
|
|
- 涵盖：模块名（选择账号设定）、文档名（账号设定文档）、卡片名（账号设定卡片）、文件路径（账号设定.md）
|
|||
|
|
- 全局验证零残留
|