AI 情绪日记与生活助手原型(DeepSeek-V4.1-Flash-0731 · high · r01)
单文件原型,直接打开 index.html 即可查看。需要联网:Tailwind CSS、Font Awesome 走 CDN,配图使用 Unsplash。无构建步骤。
原始提示词
命名说明
任务正文要求文件名为 canghe_app_prototype.html。源分支按该名称生成;迁入 main 时按仓库「单文件入口统一 index.html」约定改为 index.html,页面内容保持不变。完整输入快照保留原始文件名要求,路径适配记录在 run.json 的 changes 中。
产品与设计说明
- 用户与场景:会用日记复盘情绪、但难以坚持的都市用户。核心痛点是「不知道该写什么」与「写完看不出规律」。
- 功能规划(产品经理视角):
- 记录——一句话也能记,支持图片与语音;AI 在本机识别情绪与强度,不强制分类。
- 看懂——周 / 月情绪趋势、情绪构成、触发因素洞察(如「加班日情绪显著偏低」)。
- 陪伴——带上下文的 AI 树洞对话,可把洞察转成可执行建议。
- 生活——习惯打卡、待办、番茄钟,与情绪数据交叉分析。
- 信任——端侧识别、数据导出、专业支持入口。
- 信息架构:底部四个一级入口(今日 / 时间线 / 树洞 / 我的),中间悬浮「写日记」主操作;报告与生活助手为二级页面。
- 设计规范(设计师视角):主色为低饱和草木绿
#2f7153,背景#f7f9fb,卡片纯白 + 1px 描边 + 圆角 16~24;情绪用 emoji + 强度条双重表达;字号阶梯 10/11/12.5/13.5/20/40;所有可点区域≥44pt。以 iPhone 375pt 为基准,内容区按安全区留白。
界面清单
| 屏 | 名称 | 关键内容 |
|---|---|---|
| 01 | 欢迎页 | 价值主张、三条卖点、隐私承诺、开始记录 |
| 02 | 今日首页 | 心情卡片、本周情绪柱状图、今日待办、底部 Tab |
| 03 | 写日记 | 正文、图片、AI 情绪识别结果与标签、天气选择 |
| 04 | 情绪报告 | 周 / 月切换、情绪指数折线、情绪构成、AI 洞察 |
| 05 | AI 树洞 | 带上下文的对话、可执行建议卡片、快捷短语 |
| 06 | 时间线 | 日记流、情绪筛选、图片缩略 |
| 07 | 生活助手 | 番茄钟、今日习惯、本周待办、AI 建议 |
| 08 | 我的 | 数据概览、隐私与安全、导出、专业支持、开关项 |
验收自测
无头 Chromium 加载 file:// 入口:
| 检查项 | 实测 |
|---|---|
| 页面无脚本错误 | pageerror 与 console error 均为空 |
| 全部界面在同一个 HTML 内 | 8 个 iPhone 375×812 mockup,同一文件横向排列 |
| Tailwind 生效 | 页面以 Tailwind 类构建(body 背景 rgb(238,241,246) 来自 Tailwind 配置) |
| Unsplash 配图 | 正常加载;脚本提供渐变兜底,图源不可用时不留空白 |
| 390px 无水平溢出 | 溢出 0px |
| 文件可直接打开 | file:// 与 HTTP 均可用(CDN 需联网) |
浏览器未加载任何 style 样式表用于界面本身;文件内仅有设备外壳(圆角边框、状态栏位置、刘海)所必需的最小 CSS。
运行与复盘
- 运行方式:联网状态下用浏览器直接打开本目录
index.html;或使用根目录npm run preview后的静态托管地址。 - 复盘:源分支按任务正文使用
canghe_app_prototype.html作为产物文件名,无功能性修正。迁入 main 时按仓库规则使用index.html作为统一入口,页面内容未改,命名适配已登记在run.json的changes。
当前归档信息(自动生成)
- 实验 ID:
life-diary--deepseek-v4-1-flash-0731-high-r01 - 模型:DeepSeek-V4.1-Flash-0731;推理档位:high
- 类型:prototype;预览:static;网络:required
- 完整原始输入快照 · 主题与其他版本
- 输入记录:本次批量执行的完整指令 + 主题任务正文;正文与 demos/life-diary/prompts/v1/prompt.md 逐字一致。历史来源为 demos/life-diary/runs/unknown-unknown-r01/prompt.md,原始上下文未留存。
- 工具:Claude Code。模型名称由用户指定为 DeepSeek-V4.1-Flash-0731;会话内模型标识为 deepseek-flash[1m]。单会话直接执行,未委派子代理。Windows 11 + Node 22.16.0。Unsplash 图片与 CDN 库在验收时均正常加载。
- 运行方式:浏览器直接打开本目录入口;CDN/外部素材需要联网。
- 费用记录:Deepseek 批次合计 2.71 CNY(11 个案例;批次 deepseek-v4-1-flash-0731-high-2026-10-13;未记录单案例费用)
- 仓禾 App 原型
部署适配记录
- 迁移适配:任务正文要求的文件名是 canghe_app_prototype.html;按仓库统一入口规则在 main 中保存为 index.html,页面内容保持不变,完整输入快照仍保留原要求。
- 迁移来源:F:\dev\ai-coding-demo-test(model-test-base 工作区)/demos/life-diary/runs/deepseek-v4-1-flash-high-r01;保留原测试轮次 r01 与完整输入快照。
- 迁移验收:通过本地 HTTP 实际入口补拍 desktop screenshot.png;390px 页面无横向溢出。静态入口也通过 file:// 直接打开检查。
- 模型与实验目录标识按用户确认更新为 DeepSeek-V4.1-Flash-0731;历史输入、评分、产物与迁移来源保留。
- 维护者于 2026-10-22 按 v3 对本轮桌面、手机及补充状态逐图重评并绑定 captures 证据;旧截图和 v2 评分见 catalog/score-reviews/2026-10-21-v3-source.json。未重跑模型或改写实验源码,截图不证明完整功能、算法、手势或性能。