7.6 KiB
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.情绪洞察与成长课题板块
- 来自：
- ⽇常聊天自动总结
- 主动探索测试
- 命盘（出生数据生成） B.课题标签系统
- 每个课题一个标签，包含：
- 当前等级/进度
语⾳聊天 文字聊天 切换全屏 切换全屏 收起 X 切换文字聊天 收起 可滚动页面 + 图⽚ 语⾳ 挂断 文本输入框 ⻨克⻛ 📗页面二：治愈（个人成长档案） ✅模块结构： A.情绪洞察与成长课题板块 • 来自： 1. ⽇常聊天自动总结 2. 主动探索测试 3. 命盘（出生数据生成） B.课题标签系统 • 每个课题一个标签，包含： • 当前等级/进度
-
可点入：AI对话、知识文章、行动建议
-
完成一次互动：课题升级/积分/⽪肤/称号掉落 C.用户画像五维图（或视觉更优形式）
-
根据用户的成长路径动态生成
-
示例：自我感知|情绪韧性|行动力|共情力|生活热度
技术建议：
- 使用radarchart（五边图）或Tag系统管理成长维度
- Tag模块可作为数据库中的 表维护 UserGrowthTopic
| • 可点入：AI对话、知识文章、行动建议 • 完成一次互动：课题升级/积分/⽪肤/称号掉落 C.用户画像五维图（或视觉更优形式） • 根据用户的成长路径动态生成 • 示例：自我感知|情绪韧性|行动力|共情力|生活热度 技术建议： • 使用radarchart（五边图）或Tag系统管理成长维度 • Tag模块可作为数据库中的 表维护 UserGrowthTopic | | --- | | | | | | |
页面图片信息
- 图片 1: X163
📙页面三：探索（情绪地图+笔记分享）
✅地图展示+推荐逻辑
- 地图上两类地标颜⾊：
- 用户自⼰收藏/计划出行地
- AI根据情绪推荐场景（匹配情绪+地点）
- 地标弹窗内容：
- 场景图⽚
- 评论（系统/用户）
- 社区笔记
- 收藏/加入计划
✅分享视图切换
- 地图左上⻆切换为社区模式（美好⻆落分享）
- 用户上传图⽚+文字标记城市疗愈⻆落
- 可点赞、评论、转发
技术建议：
- 使用Leaflet/Mapbox/⾼德地图开放平台
- 笔记内容结构可参考小红书feed设计（图文瀑布流）
📕页面四：我的
✅用户信息模块
- 用户基础资料（注册天数）
- 会员中心（MVP可为静态页）
- 邀请好友模块（可做邀请返积分）
✅成就总结
- 本周：
技术建议： • 使用Leaflet/Mapbox/⾼德地图开放平台 • 笔记内容结构可参考小红书feed设计（图文瀑布流） 📕页面四：我的 ✅用户信息模块 • 用户基础资料（注册天数） • 会员中心（MVP可为静态页） • 邀请好友模块（可做邀请返积分） ✅成就总结 • 本周：
页面图片信息
- 图片 1: X176
- 心情指数
- 聊天次数
- 成长轨迹
- 打卡记录：
- 疗愈地标打卡数
- 分享数
- 他人访问你分享的次数
🧠额外建议（冷启动优先级）
MVP推荐优先搭建模块顺序：
- 记录页（对话+⽇历）
- 治愈页（课题总结+标签互动）
- 探索页（地图基础+笔记系统）
- 我的页（基础资料+成就统计） 如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布
局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？
| • 心情指数 • 聊天次数 • 成长轨迹 • 打卡记录： • 疗愈地标打卡数 • 分享数 • 他人访问你分享的次数 |
|---|
| 🧠额外建议（冷启动优先级） MVP推荐优先搭建模块顺序： 1. 记录页（对话+⽇历） 2. 治愈页（课题总结+标签互动） 3. 探索页（地图基础+笔记系统） 4. 我的页（基础资料+成就统计） |
| 如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布 局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？ |