【标签】 生活娱乐
【标题】 报名赛道 + Demo 名称
【生活娱乐赛道】+ 鹿鹿月记
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
大家好，我是一名正在学习用 AI 把想法做成真实产品的创作者。我希望做一款不制造焦虑、真正愿意陪用户长期记录的女性健康工具。鹿鹿月记从最初的模糊想法，到页面结构、主题设计、预测联动和小鹿助手，整个 Demo 都是在 TRAE 中持续沟通、修改和验证完成的。
对我来说，TRAE 更像一位开发搭档：它把需求拆成界面、数据和测试任务，也陪我处理移动端裁切、主题覆盖不完整、记录不同步、AI 只回复却不执行等真实问题。这个作品不是一次生成的页面，而是在反复预览、测试和修正中逐步完成的。
1. Demo 简介
-
鹿鹿月记是一款以温柔陪伴为核心的女性周期记录 Web App，面向希望记录经期、身体感受和情绪变化，同时又不想被复杂医学术语增加压力的用户。
-
可解释周期预测：根据完整周期计算平均值、中位数、波动和趋势，显示预测区间、排卵参考与置信程度；数据不足时会明确提示继续补录。
-
小鹿助手：支持自然语言问答，也能识别“补录这几次经期”“删除刚才的记录”等操作；用户确认一次后写入本地数据，并同步刷新首页、日历和分析。
-
五套主题：奶油粉、蜜桃落日、月光星屿、海盐蓝空、落日樱粉，不只换颜色，还统一覆盖背景、卡片、按钮、导航与文字对比度。
-
DeepSeek AI 校准：在基础统计预测之上，结合近期症状、周期趋势和历史预测偏差做小幅校准，展示调整结果、置信度与原因；服务不可用时安全回退到本地预测。
2. Demo 创作思路
灵感来自一个很日常的观察：很多周期记录工具功能很多，却容易让人觉得冰冷、紧张，或者只在需要记录日期时才会打开。我想把记录这件事变得更轻、更有陪伴感，让用户看到的是一句理解自己的提醒，而不是一串让人焦虑的数字。
因此我选择了“温柔视觉 + 清晰记录 + 可解释预测”的方向。预测不应该只给出一个日期，还要告诉用户依据、波动范围和数据是否足够；AI 也不应该只会聊天，而要在用户确认后真正更新记录。产品始终保留“预测仅供参考，不能用于避孕或医学判断”的边界。
3. Demo 体验地址（三选一）
https://deer-monthly-final.netlify.app/
4. TRAE 实践过程
-
开发过程采用“发现问题—在 TRAE 中提出任务—修改代码—刷新预览—真实操作—继续修正”的循环。TRAE 参与了需求拆解、页面实现、预测算法、DeepSeek 接口、主题适配和回归测试。以下 3 组关键步骤与 Session ID 记录了作品从页面原型到可用 Demo 的实际过程。
关键实践步骤建议
1. 从目标页面拆解移动端布局、主题素材和信息层级。
2. 修复手机端横向裁切、底部导航遮挡和五项入口等分问题。
3. 打通首页、记录、消息和分析的数据联动与点击反馈。
4. 完成五套主题跨页面覆盖，并逐套检查文字可读性。
5. 设计并实现小鹿助手，补充数据不足、风险提示和操作跳转。
6. 运行构建、lint 和规则测试，再做 375/390/430px 截图验收。
-
TRAE 关键开发证据
关键步骤 1：预测算法与核心功能开发1729962473426616:ae55901cd1c20961bc46ae34b3b6abf8_6a51c115e58d06484b62ae29.6a55be6d28dbb8d794a299e8.6a55be6d28dbb8d794a299e6:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/14 12:43:25)
-
关键步骤 2：接入DeepSeek Session ID 2：1729962473426616:f53a7b28bc32288536e47546ed66215b_6a51c115e58d06484b62ae29.6a534adf370c19095a164a0d.6a534adf370c19095a164a0b:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/12 16:05:51
-
图三 优化算法
**Session ID 3：**1729962473426616:1c4d8040fb29204f3c0950b1a1f5fb5c_6a51c115e58d06484b62ae29.6a535855370c19095a164c01.6a535855370c19095a164bff:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/12 17:03:17)
5. 对应的报名审核通过的帖子链接