AI 复盘助手小程序

📋 项目信息

  • 状态:已上线 ✅,推广中(目标:500 UV 开通流量主)
  • 开始日期:2026-04-28
  • 优先级:高
  • 所属微信小程序矩阵

🎯 目标

  • 2-3周内上线 MVP
  • 核心卖点:AI 引导式复盘,30秒完成每日反思
  • 变现:激励视频 + Banner 广告(微信流量主)

🧠 产品定位

一句话:最轻的 AI 复盘工具——不会写复盘?AI 帮你问。

目标用户:22-35岁职场人,有自我提升意识但难以坚持每日复盘(MVP 聚焦「下班后的10分钟日复盘」场景,学生/创业者后续版本覆盖)

核心差异化

  1. AI 引导提问,不是空白模板(用户不需要想"写什么")
  2. 30秒起、2分钟封顶的低门槛(不搞长篇大论)
  3. 操作成本最低:打开就问,打几个字就够,想跳就跳

📄 页面设计(MVP 4页面)

1. 首页(Home)

  • 新用户首次打开直接跳转复盘页(先体验核心价值,复盘完再回首页)
  • 今日复盘状态卡片(未做/进行中/已完成)
  • 连续打卡天数 + 累计打卡天数(分开显示,断签连续天数归零但累计不清零)
  • 最近7天打卡概览(简洁列表,v2 再加情绪曲线/关键词云)
  • 底部 Banner 广告位

2. 复盘页(Review)— 核心页面

  • 选择题模式,每次只显示一道题,点选后自动跳下一题
  • 顶部5个圆点进度指示(当前/已完成/未到达)
  • 气泡卡片显示问题(打字机效果)
  • 选项大按钮(白色卡片,选中变珊瑚色,0.3s后自动跳转)
  • 每题底部有「跳过」按钮
  • Q5 为文字输入框(200字限制,选填)
  • 选中动画:先 scale(0.96) 再变色再跳转

4道选择题 + 1个选填文字:

Q1:今天整体感觉怎么样? 😊 心情不错 | 😌 平平淡淡 | 😫 有点累 | 🔥 干劲满满 | 😢 不太好

Q2:今天有什么让你觉得「还不错」的瞬间? ✅ 完成了一个任务 | 💡 有了新想法 | 👥 和同事/朋友聊得不错 | 📖 学到了新东西 | 🎉 收到认可或表扬

Q3:今天有什么不太爽的事吗? ⏰ 事情太多,时间不够 | 😤 遇到麻烦/卡住了 | 📉 效率不高,走神了 | 🗣️ 沟通不顺畅 | 😶 没啥不爽的 ✓

Q4:明天你最想做成的一件事是什么? 🎯 搞定一个重要任务 | 🏃 坚持运动/早起 | 📚 学习/读书 | 👨‍👩‍👧 多陪陪家人朋友 | 🧘 给自己放松一下

Q5:想补充点什么吗?(选填文字输入框) 提示语:「如果还有什么想说的,写在这里吧~」

每题都有「✏️ 自定义」选项(虚线边框,点击弹出输入框)

  • AI 追问环节(保留 AI 存在感):Q2 或 Q3 选完后,AI 根据选择追问一句(如「能具体说说是什么事吗?」),用户可跳过
  • 完成后 → AI 生成总结 → 完成页
  • 中断恢复:未完成的复盘自动保存草稿,下次打开提示继续
  • 全部跳过处理:Q1-Q4 全部跳过则直接进 Q5(选填文字),Q5 也跳过则不保存,显示「没关系,今天辛苦了~」

3. 完成页(Summary)

  • 🎉 鼓励语 + 副标题(淡入+上移动画)
  • AI 复盘摘要卡片(加载时骨架屏):日期 + 情绪标签 + 摘要正文
  • 「分享给朋友」主按钮(珊瑚色)+ 「生成分享海报」次按钮(白底描边)
  • 新用户首次完成复盘后弹出订阅消息授权(在情绪高点请求「每天提醒我复盘」)
  • 返回首页

4. 历史页(History)

  • 月份切换日历(打卡日期标记,今天珊瑚色圆,已打卡浅橙色圆)
  • 复盘列表(日期+情绪标签+摘要预览40字,按时间倒序)
  • 点击某天查看详情
  • 空状态:插画 + 引导文案
  • 激励视频解锁:AI 周报/月报生成(MVP 阶段未开通流量主时暂不提供,或免费开放)

4. 设置页(Profile)

  • 提醒时间设置(每日订阅消息推送)
  • 清除本地数据
  • 关于/反馈

🧩 核心组件

ai-guide(AI引导对话组件)

  • 消息气泡样式
  • 打字机效果显示 AI 问题(缓冲等待感)
  • 文字输入 + 发送按钮
  • 跳过按钮
  • 加载骨架屏(AI 响应期间展示)

checkin-calendar(打卡日历组件)

  • 月视图,标记已打卡日期
  • 显示连续打卡天数

summary-card(复盘摘要卡片组件)

  • 复盘完成页展示
  • 分享到朋友圈/好友的分享卡片模板(核心增长杠杆)

🤖 AI 能力设计

引导提问(免费)

  • 每日三问固定流程,AI 不改变问题顺序
  • 用户回答后判断是否追问(回答<15字且有价值则追问,最多1次)
  • 用户说"没有"/"跳过"直接下一题

自动总结(免费)

  • 将碎片输入整理成结构化复盘(100字以内)
  • 提取情绪标签(positive/neutral/negative)
  • 个性化点评(v1.1):读取近 7 天历史数据,在总结中加入个性化洞察(如"连续三天感觉有点累,这周辛苦了"),增强 AI 存在感

内容安全

  • 用户输入通过微信内容安全 API 过滤(security.msgSecCheck
  • AI 输出过滤敏感词

响应速度优化

  • AI 问题本地缓存(每日三问是固定的,不需要每次调 LLM)
  • 追问判断和总结生成才调 LLM
  • 打字机效果 + 骨架屏缓冲等待感

💰 广告变现策略

MVP 阶段(开通流量主前):不做广告,专注产品和增长。

流量主开通后(≥1000 UV): | 广告类型 | 位置 | 频率 | |---------|------|------| | Banner | 首页底部 | 常驻 | | 激励视频 | 解锁周报/月报 | 用户主动 |

原则:不在复盘流程中插入广告,保护核心体验。

🎨 设计风格

  • 风格:温暖治愈 + 极简主义
  • 主色#FF8C69(暖珊瑚)
  • 辅色#FFF5EE(暖白背景)、#FFD4B8(浅橙强调)
  • 文字色:主色 #2D2D2D(深灰,非纯黑)、辅色 #999999
  • 卡片:白色背景 #FFFFFF,圆角 16-20px,轻阴影 0 2px 12px rgba(0,0,0,0.06)
  • 原则:每个页面只做一件事,信息密度低,留白多

全局设计标注

  • 页面背景:#FFF5EE
  • 页面左右安全边距:32rpx
  • 导航栏:自定义,背景 #FFF5EE,标题 #2D2D2D,字号 17px 加粗
  • 底部安全区:env(safe-area-inset-bottom) + 20rpx

🖼️ 分享卡片设计

选定方案:方案二「手写卡片」

  • 背景:纯 #FFF9F5,左上/右下角暖色水彩晕染
  • 心情表情:80px,带倾斜角度(rotate -5deg),俏皮感
  • 总结文案:手写体(站酷快乐体,OFL免费商用),20px
  • 日期:右上角邮戳式,浅色圆形背景
  • 明日聚焦:手写体,17px
  • 底部引导:🐾 一起复盘吧 · 小程序名
  • 画布:750×600px(5:4),输出 750×600 + 1125×900 双尺寸
  • 手写字体最低 15px(避免安卓模糊)
  • 需注意:手写字体版权确认(站酷快乐体有 OFL 授权,可商用)
  • 字体加载策略:小程序页面用系统字体(PingFang SC),手写字体只在 Canvas 生成分享海报时按需下载,首次下载后缓存本地,不影响主体验加载速度

📈 增长与冷启动策略

冷启动目标:1000 UV(开通流量主)

阶段一:种子用户(0-100 UV)

  • 朋友圈/微信群分享:分享复盘摘要卡片,卡片上带小程序码
  • 小红书种草:发"极简复盘工具"内容,评论区/私信引导体验
  • V2EX/即刻/少数派发帖:目标用户聚集地,分享产品理念

阶段二:口碑增长(100-500 UV)

  • 分享卡片是核心杠杆:复盘完成后的摘要卡片必须好看、有传播欲
  • 订阅消息提醒:用户授权后每日推送"今天的复盘时间到了"(授权率预估 20-30%)
  • 小红书持续种草:每周 2-3 篇内容

阶段三:自增长(500-1000 UV)

  • 搜一搜 SEO:标题和描述覆盖"复盘""每日反思""成长日记""工作总结"等关键词
  • 分享裂变:分享卡片带来的新用户占比目标 > 30%

搜一搜 SEO 关键词

  • 主词:复盘、每日复盘、工作复盘
  • 长尾词:每日反思、成长日记、工作总结怎么写、下班后复盘
  • 避免词:股票复盘、期货复盘(会被不相关搜索带偏)

分享卡片设计要点

  • 卡片要好看(暖色系、简洁、有设计感)
  • 内容要安全(不含负面情绪,展示积极面)
  • 底部带小程序名称和"扫码开始你的每日复盘"引导
  • 卡片比例 5:4(微信分享最佳比例)

数据指标

  • 北极星指标:每日复盘完成率(打开→完成复盘的用户比例)
  • 留存目标:次日留存 > 30%,7日留存 > 15%
  • 增长目标:上线 60-90 天内达到 1000 UV(无投放预算下的现实预期)

📁 技术方案

  • 技术栈:原生微信小程序(跟 SBTI 一致)
  • AI 接入:云函数调用 LLM API(智谱 GLM-4-Flash,成本低)
    • 成本估算:每轮对话约 500 token,每次复盘 3-5 轮 + 总结约 3000 token
    • GLM-4-Flash 定价:输入 0.1元/百万token,输出 0.1元/百万token
    • 单次复盘成本 ≈ 0.0003元,日活1000 ≈ 9元/月(可忽略)
  • 数据存储:微信云开发(免费额度 2GB,足够 MVP)
  • 存储策略(2026-05-06 确认):
    • 默认读本地缓存,云存储一般只写
    • 有必要时才读云存储(如换设备、清缓存后恢复)
    • 目的:减少云存储读取次数,让免费额度撑得更久

✅ 任务清单

产品设计

  • [x] 确定主色调(暖珊瑚 FF8C69
  • [x] 定义 AI 引导提问 prompt 模板
  • [ ] 设计分享卡片模板(核心增长杠杆)

开发

  • [ ] 项目初始化(页面框架 + 组件)
  • [ ] 首页 + 打卡日历
  • [ ] 复盘核心流程(AI对话)
  • [ ] AI 云函数(追问判断 + 总结生成)
  • [ ] 历史页(打卡日历 + 复盘列表)
  • [ ] 内容安全接入
  • [ ] 分享卡片实现

上线

  • [ ] 注册小程序账号
  • [ ] 备案
  • [ ] 提交审核
  • [ ] 冷启动获客
  • [ ] 订阅消息模板提前申请(审核周期 1-3 天)
  • [ ] 小红书种草内容提前准备 5-10 篇存稿

💡 决策记录

  • 不做后端服务:云开发够用,降低运维成本
  • MVP 只做每日三问模板:极简主义,不加选择负担
  • 不做语音输入:系统输入法自带语音转文字
  • UI 风格确认:温暖治愈 + 极简
  • 各小程序独立运营:产品之间不做硬联动
  • 复盘流程中不插广告:保护核心体验,广告只在首页底部
  • 打卡断签就断签(但有补签):连续打卡天数,断了归零;每月给 1 次补签机会(看激励视频补签,兼顾人性化和变现)
  • 三问统一为行动导向:Q1 开心的事 → Q2 不太顺的事 → Q3 明天要做的事(反思+行动结合)

📝 进展记录

2026-04-28

  • 完成选题调研,确认"复盘助手"为第二个小程序方向
  • 竞品分析:微信生态内几乎无竞品(浅蓝海),相关产品(幕布日记、小日常、Notion 模板)均无 AI 引导对话功能
  • MVP 产品设计初稿完成
  • 产品评审:砍掉 MVP 中过重功能(情绪曲线/AI风格选择/GRAI-STAR模板),移除"第4个问题看广告"设计
  • Prompt 设计文档完成(prompt-design.md),已重写为选择题模式 ✅
  • 资深 PM 评审完成(v1 + v2),统一文档矛盾,补充冷启动策略
  • 评审遗留:打卡补签机制、增长目标调整(30天→60-90天)、AI 个性化点评纳入 v1.1 规划
  • UI 线框图设计完成(4页面完整标注)
  • 分享卡片设计完成(选定方案二「手写卡片」,站酷快乐体,按需下载)
  • 选项文案定稿(用设计师版本)
  • 小程序名称备选:今天过得怎么样 > 问问今天 > 30秒复盘 > 今天复盘了吗 > 三问日记
  • PM 评审建议:疑问句名称可能影响审核(类目不明确),推荐优先考虑「每日三问」或「AI复盘日记」
  • 产品定义阶段基本完成
  • 下一步:推广获取用户,目标 500 UV 开通流量主

2026-05-04

  • 分享卡片添加小程序码
    • 小程序码放在白色卡片内右下角(100px,白底圆角)
    • 底部文字改为「长按识别小程序码 · 问问今天」
    • 小程序码图片:images/qrcode.png
    • 注意:createImage() 要从 canvas 节点调用,不是 ctx.canvas
  • 保存图片权限修复
    • app.json 添加 permission.scope.writePhotosAlbum 声明
    • 微信后台用户隐私保护指引需声明相册(仅写入)用途
  • 小程序码已生成
    • 页面路径:pages/index/index
    • AppID:wxfd7270e080656426

2026-05-05

  • 审核通过,正式上线
  • 下一步:推广获取用户,目标 500 UV 开通流量主

2026-05-06

  • 存储策略确认:数据默认读本地缓存,云存储只写,必要时才读(减少读取次数,延长免费额度使用寿命)

2026-05-08

  • 分享弹窗按钮居中修复
    • 问题:弹窗内三个按钮(关闭、保存到相册、分享给好友)偏右不居中
    • 根因:小程序 button 组件有默认 padding/margin,flex: 1 撑满空间后整体偏移
    • 解决:
      • modal-content 改用 left: 50% + translate(-50%) 确保弹窗本身居中
      • 所有 button 加 padding: 0 + ::after { border: none } 清掉默认样式
      • 分享图宽度从固定 480rpx 改为 85% 自适应居中
    • 踩坑教训:小程序 button 的默认样式(padding、margin、::after 伪元素边框)很难用常规 CSS 覆盖,必须显式重置