# MVP功能需求文档 **生成时间**: 2025-07-03 11:31:17 **源文件**: MVP功能.pdf **总页数**: 7 MVP功能 你已经为MVP构想出一个⾮常完整、用户体验导向的原型了！下面我将按照你提出的四个页面结构， 把功能要点进行**模块化梳理**，方便你用来指引设计开发，也方便你在Cursor⾥逐步实现每个部分 的前端/后端逻辑。 ### ✅整体结构：底部导航栏4个主页面 导航项：聊天|开心||探索|我的 ## 📘页面一：记录（情绪主页+聊天入⼝） ### ✅核心功能： - 左上⻆入⼝：聊天内容回顾页（情绪对话记录索引页）。 - 右上⻆设置（主题切换） - ⽇历组件（单行，可展开）：支持情绪记录、历史回顾标记。 - 中心展示AI疗愈师3DIP（静态MVP阶段可用插图代替） - 底部对话框输入： - 支持语⾳、文字、图⽚输入 - 点发送后进入全屏对话模式（AI聊天），AIIP缩为头像 **技术建议：** | MVP功能 你已经为MVP构想出一个⾮常完整、用户体验导向的原型了！下面我将按照你提出的四个页面结构， 把功能要点进行**模块化梳理**，方便你用来指引设计开发，也方便你在Cursor⾥逐步实现每个部分 的前端/后端逻辑。 | | --- | | ✅整体结构：底部导航栏4个主页面 导航项：聊天|开心||探索|我的 | | 📘页面一：记录（情绪主页+聊天入⼝） ✅核心功能： • 左上⻆入⼝：聊天内容回顾页（情绪对话记录索引页）。 • 右上⻆设置（主题切换） • ⽇历组件（单行，可展开）：支持情绪记录、历史回顾标记。 • 中心展示AI疗愈师3DIP（静态MVP阶段可用插图代替） • 底部对话框输入： • 支持语⾳、文字、图⽚输入 • 点发送后进入全屏对话模式（AI聊天），AIIP缩为头像 技术建议： | --- - 可用 做语⾳转文本MVP react-speech-recognition - 全屏聊天页面：使用GPT-4或现成情绪对话接⼝+表情动画反馈 ①左上⻆ ②右上⻆ （⽇记本图 ③单行⽇历 折叠/展开 选择⽇期 （设置图标） 标） 可滚动页面 ⽇历数字变 弹出可选择的 主题设置 AI对话记录 为心情图标 选择心情图标 心情图标 ⾳乐设置 ⾳效设置 选择记录 选择主题 调整⾳量 聊天记录 调整⾳量 随机打招呼文案 跳转聊天详情 界面主题变化 ⾳乐⾳量变化 ⾳效⾳量变化 AI总结 查看课题 表情动作变化 点击产生交互 ⽓泡文案变化 （跳转课题系统） 语⾳跟随⽓泡 跟随手指移动 + 图⽚ 语⾳ 输入文字... ⻨克⻛ 记录 聊天 AI 探索 发现 我的 分析心情 反馈⾄③，⽇历数字变为心情图标 AI智能分析 记录 内容收录⾄① （A） 反馈⾄①，未读提示 分析内容 反馈⾄课题系统（若有）） 语⾳ 聊天已收录 AI智能分析 顶部 反馈⾄页面2 聊天 （A） 弹窗 未读提示 解锁新课题 文字 课题进度有更新 --- 语⾳聊天 文字聊天 切换全屏 切换全屏 收起 X 切换文字聊天 收起 可滚动页面 + 图⽚ 语⾳ 挂断 文本输入框 ⻨克⻛ ## 📗页面二：治愈（个人成长档案） ### ✅模块结构： A.情绪洞察与成长课题板块 - 来自： 1. ⽇常聊天自动总结 2. 主动探索测试 3. 命盘（出生数据生成） B.课题标签系统 - 每个课题一个标签，包含： - 当前等级/进度 | 语⾳聊天 文字聊天 切换全屏 切换全屏 收起 X 切换文字聊天 收起 可滚动页面 + 图⽚ 语⾳ 挂断 文本输入框 ⻨克⻛ | | --- | | 📗页面二：治愈（个人成长档案） ✅模块结构： A.情绪洞察与成长课题板块 • 来自： 1. ⽇常聊天自动总结 2. 主动探索测试 3. 命盘（出生数据生成） B.课题标签系统 • 每个课题一个标签，包含： • 当前等级/进度 | --- - 可点入：AI对话、知识文章、行动建议 - 完成一次互动：课题升级/积分/⽪肤/称号掉落 C.用户画像五维图（或视觉更优形式） - 根据用户的成长路径动态生成 - 示例：自我感知|情绪韧性|行动力|共情力|生活热度 **技术建议：** - 使用radarchart（五边图）或Tag系统管理成长维度 - Tag模块可作为数据库中的 表维护 UserGrowthTopic | • 可点入：AI对话、知识文章、行动建议 • 完成一次互动：课题升级/积分/⽪肤/称号掉落 C.用户画像五维图（或视觉更优形式） • 根据用户的成长路径动态生成 • 示例：自我感知|情绪韧性|行动力|共情力|生活热度 技术建议： • 使用radarchart（五边图）或Tag系统管理成长维度 • Tag模块可作为数据库中的 表维护 UserGrowthTopic | | --- | | | | | | | ### 页面图片信息 - 图片 1: X163 --- ## 📙页面三：探索（情绪地图+笔记分享） ### ✅地图展示+推荐逻辑 - 地图上两类地标颜⾊： 1. 用户自⼰收藏/计划出行地 2. AI根据情绪推荐场景（匹配情绪+地点） - 地标弹窗内容： - 场景图⽚ - 评论（系统/用户） - 社区笔记 - 收藏/加入计划 ### ✅分享视图切换 - 地图左上⻆切换为**社区模式**（美好⻆落分享） - 用户上传图⽚+文字标记城市疗愈⻆落 - 可点赞、评论、转发 --- **技术建议：** - 使用Leaflet/Mapbox/⾼德地图开放平台 - 笔记内容结构可参考小红书feed设计（图文瀑布流） ## 📕页面四：我的 ### ✅用户信息模块 - 用户基础资料（注册天数） - 会员中心（MVP可为静态页） - 邀请好友模块（可做邀请返积分） ### ✅成就总结 - 本周： | | | --- | | | | 技术建议： • 使用Leaflet/Mapbox/⾼德地图开放平台 • 笔记内容结构可参考小红书feed设计（图文瀑布流） | | 📕页面四：我的 ✅用户信息模块 • 用户基础资料（注册天数） • 会员中心（MVP可为静态页） • 邀请好友模块（可做邀请返积分） ✅成就总结 • 本周： | ### 页面图片信息 - 图片 1: X176 --- - 心情指数 - 聊天次数 - 成长轨迹 - 打卡记录： - 疗愈地标打卡数 - 分享数 - 他人访问你分享的次数 #### 🧠额外建议（冷启动优先级） **MVP推荐优先搭建模块顺序：** 1. 记录页（对话+⽇历） 2. 治愈页（课题总结+标签互动） 3. 探索页（地图基础+笔记系统） 4. 我的页（基础资料+成就统计） 如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布 局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？ | • 心情指数 • 聊天次数 • 成长轨迹 • 打卡记录： • 疗愈地标打卡数 • 分享数 • 他人访问你分享的次数 | | --- | | 🧠额外建议（冷启动优先级） MVP推荐优先搭建模块顺序： 1. 记录页（对话+⽇历） 2. 治愈页（课题总结+标签互动） 3. 探索页（地图基础+笔记系统） 4. 我的页（基础资料+成就统计） | | 如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布 局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？ |