一、先认识一下：团队介绍
我们是「灵感拾光」小队——三个因兴趣凑到一起的“老中青”年人，想用AI把每个人生活里的碎片时间，变成闪着光的微小瞬间。
Jay（队长）：一名热爱生活的广告人，喜欢用创意影响更多的人，用有温度的产品带给人们快乐。本作品的产品策划、需求定义与全部VibeCoding开发均由他通过TRAE完成——0手写代码，全程自然语言驱动。负责作品的整体方向、功能设计与AI对话开发。
May：前端小姐姐，日常沉迷于像素级还原与交互细节。在本作品中负责UI视觉把关、交互体验优化与前端代码Review，让每一个按钮的触感、每一次页面切换的动画都经得起推敲。她的座右铭是"好看的产品自己会说话"。
Way：在读研究生，研究方向深度算法与数据分析。在本作品中负责用户调研、功能逻辑梳理与产品测试，确保每一条用户路径都能顺畅走通、每一个功能都真正解决用户痛点。学术训练让她习惯于"先验证，再动手"。
我们的故事：一个广告人、一个前端小姐姐、一个在读研究生，原本各自在不同领域忙碌，却因为同一个信念——“碎片时间值得被认真对待”——在TRAE创造力大赛相遇。广告人负责想清楚"做什么"，研究生负责验证"为什么这样做"，前端小姐姐负责打磨"怎么做才好用"。三种视角碰撞，让「今天做点啥？」从一个模糊的想法，长成了一个真正能用的产品。
二、产品简介
1、是什么
「今天做点啥？」是一款AI生活推荐Web应用。用户只需输入当下的心情和可用时间（支持语音输入），DeepSeek 大模型即可理解语义，推荐一件"马上就能开始"的小事；并支持采纳为计划、打卡记录、发起活动找搭子，形成 “推荐 → 行动 → 记录 → 社交” 的完整闭环。作品已部署上线，评审可直接访问体验。
2、面向谁
所有在生活中某个瞬间感到无聊、想把碎片时间利用起来的人——通勤路上、午休时间、排队等待、周末宅家的每一个你。
3、完整功能清单与用户使用路径
AI智能推荐（DeepSeek驱动）：自然语言输入（暂不支持语音，域名报备中），DeepSeek大模型实时理解心情、时间与兴趣，生成个性化推荐方案；能理解"下午半天"“后天周末"等模糊时间表达，推荐覆盖从1秒（眨眨眼）到30天（每日计划）的全时长；
100条生活方式示例词轮播：输入框placeholder每2秒淡入淡出切换一条灵感词，降低输入门槛；
计划管理与打卡闭环：采纳推荐一键生成计划；打卡进入任务详情，通过时间滚轮记录实际完成时长，自动统计打卡数据；
连续打卡日历与荣誉系统：日历视图直观展示打卡连续天数，完成打卡触发荣誉弹窗激励；
搭子与活动：查看附近活动、活动详情、报名参与；从推荐详情页可一键"发起活动”，自动填充活动标题与描述；支持人数上限设置（2/5/10/20/自定义/不限）；
智能附近搜索：推荐详情根据类型智能跳转——商品类跳转淘宝、餐厅/商店类跳转高德地图商家页，从"想到"到"做到"零距离。
平台联动：推荐详情支持跳转抖音、趣玩儿、汽水音乐等平台，电商类商品跳转到对应的电商平台，实现"内容种草→行动打卡"链路。
目前仅支持跳转，后续实现生态对接，也是商业价值的体现。
收藏夹：收藏喜欢的推荐，收藏详情可随时回看，收藏状态高亮反馈；
个人中心：兴趣管理（编辑模式）、技能展示、提醒设置、隐私设置（位置共享三档：全国/城市级/不公开）、数据管理、帮助与反馈。
用户使用路径：输入心情/时间/想做什么→DeepSeek生成AI推荐→查看推荐详情（可跳转淘宝/高德/抖音）→采纳为计划→打卡记录实际时长→连续打卡解锁荣誉→发起/加入活动找搭子→个人数据沉淀，越用越懂你。
【产品流程图以及应用截图】
4、相比初赛Demo的升级
初赛Demo验证了"输入时间心情→推荐→计划打卡→活动搭子"的核心创意，但数据写死、无真实AI、仅本地可运行。复赛将其打磨为功能完整、流程跑通、已部署上线的正式作品：
AI真正落地：从初赛的硬编码推荐，升级为DeepSeek大模型实时生成个性化推荐，AI 链路真实可验证；
语音输入升级：从浏览器原生识别（兼容性差），升级为讯飞实时语音转写大模型（因域名报备中未在线上落地），前端本地签名直连WebSocket，识别准确率与稳定性大幅提升；
架构精简与部署上线：从Node.js+Express后端架构，精简为Nginx纯静态托管，DeepSeek浏览器直连（CORS已开放），无需后端即可运行；已部署至腾讯云轻量服务器，评审可直接访问；
视觉全面升级：统一为温暖橙色治愈风（主色#FF9A3C+暖白#FFF8F0），干净卡片设计系统、橙黄渐变Banner、22px大圆角卡片、底部胶囊导航栏，强化"闪光时刻"品牌感；
打卡从形式到闭环：新增任务详情页、时间滚轮记录实际时长、连续打卡日历、荣誉弹窗激励，打卡真正产生数据价值与正向反馈；
活动模块全链路打通：推荐详情一键发起活动（自动填充表单）、活动列表实时渲染、活动详情查看、表单自动重置；
智能附近搜索：新增根据推荐类型智能跳转淘宝/高德地图，打通"推荐→行动"最后一公里；
体验细节完善：100条生活方式示例词轮播、收藏夹持久化、Toast提示、动画效果、响应式布局、隐私三档设置等。
三、产品演示视频
【抖音】5.64 复制打开抖音，看看【好事发生的作品】今天做点啥？——AI生活推荐助手：把碎片时间，变成… https://v.douyin.com/kICADChZ6nk/ YmQ:/ u@F.hB 07/14 :9pm
四、产品创作历程
灵感诞生：现代人的碎片时间——通勤、午休、等待、晚上、周末——往往被刷手机浪费。我们想做一个能在这些时刻推给用户一个"可以马上开始"的小行动的应用，让每一分钟都有意义。
初赛Demo：用最小可行产品思路，纯前端跑通"输入 → 推荐 → 计划 → 活动"一条核心链路，证明了创意成立。当时留下的遗憾是：数据写死、无真实 AI、打卡只是形式、仅本地可运行。
复赛打磨：目标是让作品从"能演示"变成"能真正用起来"。过程中解决的关键问题：
推荐不够智能→接入DeepSeek大模型，从硬编码推荐升级为AI实时生成，真正实现"懂你想做什么"；
语音识别兼容性差→从浏览器原生识别，先后尝试百度语音、Vosk本地方案、Paraformer本地方案，最终确定讯飞实时语音转写大模型（因域名备案中未正式上线），前端本地HMAC-SHA1签名直连WebSocket，兼顾准确率与部署简便性；
部署架构反复迭代→先用Node.js+Express后端部署，后为精简架构改为Nginx纯静态托管（DeepSeek浏览器直连CORS已开放、讯飞前端本地签名），最终部署至腾讯云轻量服务器，评审可直接访问；
打卡流于形式→重新设计打卡闭环：任务详情页+时间滚轮记录实际时长+连续打卡日历+荣誉弹窗，让每一次打卡都沉淀为数据并获得正向激励；
“推荐到行动"断裂→新增智能附近搜索，商品跳淘宝、商家跳高德，打通从"想到"到"做到"的最后一公里。
团队协作：复赛阶段「灵感拾光」小队成立，Jay负责产品策划与TRAEVibeCoding开发，May负责UI视觉与交互优化，Way负责用户调研与测试验证。三人分工互补，让产品在功能完整性、视觉体验与用户路径合理性上全面升级。
重要设计决策：视觉语言统一为"温暖橙色治愈风”，用干净卡片设计系统传递"把碎片时间变成闪光时刻"的品牌情绪；架构上选择纯静态部署，让作品轻量、稳定、评审一键即可体验。
五、TRAE实践过程
全程使用TRAEWork开发，0手写代码，自然语言驱动：
需求梳理：用自然语言描述产品概念与核心功能，TRAE梳理出产品框架（发现、计划、活动、我的）；
页面架构与UI：指定温暖橙色主题，TRAE生成完整页面结构与CSS样式，团队前端小姐姐在此基础上做视觉把关与交互优化；
AI接入：通过自然语言对话，让TRAE接入DeepSeek 大模型实现智能推荐，编写提示词工程让 AI 理解模糊时间与个性化需求；
功能开发：逐步实现计划打卡闭环、连续打卡日历、荣誉系统、活动系统、智能附近搜索、收藏夹、平台联动等；
部署上线：TRAE协助完成腾讯云轻量服务器Nginx部署，包括服务器配置、文件上传、Nginx配置、权限设置与部署验证；
联调与细节优化：活动模块bug修复、动画与响应式优化、示例词轮播等。
开发关键步骤截图（不少于3张）：
关键任务对话的Session ID（不少于3个）：
【服务器部署会话】480914105701987:f0a761c89e20792aafc7700d49ca1fdb_6a73ec83ce1526ff1afb104f.6a73fbdbce1526ff1afb1594.6a73fbdbce1526ff1afb1592:TraeWork CN.0.1.44.no_sid.no_ppe.T(2026/8/6 11:13:31)
480914105701987:b88823082031837486374a12cce6c9d1_6a732d90ce1526ff1afb102a.6a732e11ce1526ff1afb1045.6a732e11ce1526ff1afb1043:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/5 20:35:29)
【应用测试优化】480914105701987:dc7f27a6b3c6b7eb4ae7359888146c70_6a73ec83ce1526ff1afb104f.6a73ec83ce1526ff1afb1052.6a73ec83ce1526ff1afb1050:TraeWork CN.0.1.44.no_sid.no_ppe.T(2026/8/6 10:08:03)
480914105701987:2fe4543e56a3580c05ca59beeaf831fb_6a66c79fbc4d30f13f5be0dd.6a674d0dbc4d30f13f5c1ac8.6a674d0dbc4d30f13f5c1ac6:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/7/27 20:20:29)
【初代版本功能开发】480914105701987:a813897cfbf35868c9d2ad968929afcc_6a39238826b6c211200ed453.6a39241626b6c211200ed462.6a39241626b6c211200ed460:TraeWork CN.0.1.44.no_sid.no_ppe.T(2026/6/22 20:01:26)
【产品文档生成】480914105701987:4c98b3ce1fd73e68f2c60de6eefa914d_6a391b3626b6c211200ed268.6a391b3626b6c211200ed26b.6a391b3626b6c211200ed269:TraeWork CN.0.1.44.no_sid.no_ppe.T(2026/6/22 19:23:34)
初赛作品帖：【生活娱乐赛道】今天做点啥？——AI生活推荐助手，把碎片时间，变成闪光时刻！
报名帖：【生活娱乐赛道】今天做点啥：把碎片时间，变成闪光时刻！
六、加分项（技术方案/价值/规划）
1、技术方案分享
前端：HTML5+CSS3+原生JavaScript，单页应用架构，响应式布局，CSS动画与Toast反馈体系，LocalStorage数据持久化；
部署架构：Nginx纯静态托管（腾讯云轻量服务器），无需后端服务，轻量稳定；
AI能力链路：
DeepSeek大模型：浏览器直连API（CORS已开放），实时生成个性化生活推荐，支持模糊时间语义理解与全时长覆盖；
讯飞实时语音转写（因域名备案中未开启）：前端WebCrypto API 本地生成HMAC-SHA1签名，WebSocket直连讯飞服务，实时音频流采集与转写；
文生图：为推荐卡片生成真实生活场景缩略图，替代传统图标；
智能跳转：推荐详情根据类型智能路由——商品类跳转淘宝商品页、餐厅/商家类跳转高德地图商家页，打通"推荐→行动"链路；
安全与隐私：位置共享三档默认设置（全国/城市级/不公开）。
2、商业化 / 社会价值
社会价值：帮助年轻人跳出"无聊—刷手机—更无聊"的循环，重建碎片时间的意义感；搭子活动促进从线上推荐走向线下真实社交；
商业化想象：本地生活/兴趣课程/内容平台的场景化推荐位，按转化分成；目前仅已支持链接跳转抖音、趣玩儿、汽水音乐等内容平台，可形成"内容种草→行动打卡"的新链路。未来会和电商、本地生活、内容平台合作，具备较高的广告收益价值。
3、产品迭代规划
推荐算法个性化升级：基于打卡与反馈数据越用越懂你；
正式上线小程序版本，接受真实用户检验；
搭子活动安全体系：实名认证、活动评价、风控机制；
接入更多内容平台与本地生活服务，丰富推荐池与行动入口。