-
我的英文名叫Stella我是一名大三在校生，下半年实习。我学习的是公共事业管理专业，但是自己非常喜欢ai偶然的机会刷到了TRAE的比赛就想着来参加试试，我的思维有时候比较跳脱制作这个APP的时候我在备考阶段所以融入了很多高效学习的方法来帮助自己，**备考阶段老是忍不住玩手机只有在用TRAE或者其他ai软件创造新东西的时候最能提起兴趣。我把我的疑惑告诉TRAE，并且让它帮我看看补救的措施、缺点、需要优化的地方等等告诉他我的需求不断完善了这个APP，我想不出创新点的时候会让他帮我借鉴国内外或者专家的优缺点之类的，非常有帮助，然后我认为比较有用的就加上去。先开始，剩下的交给时间！这是我选取的APP进入页面的标语我可能不够聪明但是我愿意也喜欢去尝试，而且TRAE做出来的东西很机灵我很喜欢以后也会继续用的，跟TRAE一起进步！
-
一、Demo 简介
是什么： 一款带情绪智能的单页 HTML5 待办管理应用，下载后双击即可在浏览器中打开使用，无需安装、无需注册、无需登录。面向谁： 经常拖延、面对任务感到焦虑或无从下手的在校学生和职场新人——也就是大多数每天打开待办 APP 却不想动手的人。
主要功能：
-
AI 自然语言建任务 — 说人话就行。“明天下午三点和导师开会，重要紧急，30 分钟”，一句话自动拆成带日期、时间、优先级、预估时长的完整任务卡片。离线运行，不上传任何数据。
-
拖延急救包 — 选一个让你拖延的任务 → 诊断拖延原因（太难/太无聊/不知道从哪开始/害怕做不好/太累了）→ AI 给出共情回应 + 3 个可勾选微行动 → 鼓励后跳入 2 分钟微专注。整个流程借鉴 CBT（认知行为疗法）和执行意图理论，不做任何自我攻击。
-
情绪感知效率系统 — 能量感知调度（5 级能量自评，帮你匹配最适合当前精力的任务）+ 情绪日报（每天选一个 emoji，AI 为你写当日小结）+ 心流守护者（专注 15 分钟后触发粒子特效 + 心流通知）。
首页全景 拖延急救包四步流程
-
-
4.思维圆桌（AI + 本地双模式） — 四位思想者（曼昆·经济学、荣格·心理学、芒格·逆向思维、马斯克·第一性原理）从不同视角分析你的问题。接入 DeepSeek API 后用真实 LLM 回答，真正听懂你的问题；未接入时 fallback 到模块化本地模板（80+ 语义提取 + 数百种组合），离线也能用。
二、Demo 创作思路
灵感来源
我观察到一个很普遍的现象：身边的人（包括我自己）下载过不下十个待办 APP，但没有一个用超过两周。问题不是工具不够好，而是传统待办工具都在假设你是一个"理性执行者"——列出任务、按优先级排序、逐个完成。但真实情况是，面对任务时我们会焦虑、会逃避、会不知道从哪开始、会害怕做不好。这些情绪不是"缺点"，而是大脑的正常反应。 如果一个待办工具能理解这一点，不是催你"赶紧做"，而是陪你"跨出第一步"，会不会不一样？
想解决的问题
任务创建门槛高 — 大多数待办 APP 需要手动填标题、日期、优先级等 5-6 个字段，认知负担很重。很多人"想到一个任务"到"把它记下来"之间就放弃了。
拖延不是懒，是情绪问题 — 心理学研究表明，拖延的本质是情绪调节失败，而非时间管理失败（Pychyl, 2013）。但几乎所有待办工具都在解决"时间管理"问题，没人管"情绪"。
效率工具太冷冰冰 — 用完即走，没有温度感。每天和待办 APP 交互是一种"义务感"而非"成就感"。
为什么做这个方向
我选择"情绪智能 × 效率工具"这个交叉点，是因为：市面上没有同类产品做到这个程度（滴答清单偏工具、Forest 偏游戏化、Habitica 偏 RPG，但没有一个把 CBT、共情设计、能量管理整合进待办的）
单文件 HTML5 的技术约束反而成了优势——零门槛体验，评审打开链接就能用
"情绪"这个维度在竞赛中容易形成差异化记忆点
三、Demo 体验地址
本 Demo 为交互式可体验的 HTML 格式文件，已打包为 Zip 格式上传至社区。建议体验流程（5 分钟）：
打开 HTML 文件，在首页输入框试试 AI 自然语言建任务：输入"后天上午10点交实验报告，重要紧急，2小时"，看它如何自动解析
点击底部"⋯ 更多" → “拖延急救包”，走一遍完整的四步流程（选任务 → 选原因 → 看微行动方案 → 鼓励跳转）
点击底部"
专注"，试试番茄钟 + 沉浸场景（雨声咖啡馆 / 海浪日落），观察心流守护者的触发
回到首页，点击能量条选择你的能量等级，看看推荐任务如何变化
点击"⋯ 更多" → “情绪日报”，选一个 emoji 体验 AI 每日小结
四、TRAE 实践过程
开发工具
全程使用 TRAE IDE（TRAE Work CN）完成，零手动编码。开发历程
第一阶段：核心功能搭建（Session 1）最初只有基础的待办增删改查、日历视图、番茄钟。用 TRAE 描述需求后，AI 帮我生成了完整的 HTML/CSS/JS 单文件架构，包括 hash 路由、localStorage 持久化、响应式布局。这一步确定了技术基座——所有功能都在一个 HTML 文件里运行，不依赖任何后端或 CDN。
Session ID 1：604057805260043:afaeb271a202c07026fd803ec09e1e62_6a32b1c9ce0057bcd4b2fbbb.6a4f8ccd49c018906a1709e3.6a4f8ccc96645130878f397d:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 20:08:46)
核心功能搭建阶段的对话
第二阶段：AI + 情绪功能扩展（Session 2）
在核心功能上，我让 TRAE 帮我设计了三个"情绪智能"功能：
AI 自然语言解析引擎（含有离线规则引擎，可在设置中调用外部 API，离线：纯前端正则 + 关键词匹配 建议：接入api使用）
思维圆桌（四位思想者——曼昆/荣格/芒格/马斯克——从不同视角分析用户的问题）
情绪日报（选择当日 emoji → AI 根据当天任务完成情况、专注时长、与昨日对比生成个性化小结）这个阶段最大的挑战是 AI 解析引擎——需要在纯前端环境下实现中文时间表达式的解析（如"后天"、“下周三”、“大后天下午”），TRAE 帮我设计了一套多层匹配策略。
Session ID 2：604057805260043:d1757e28c9b139046a88a1c735c73f15_6a32b1c9ce0057bcd4b2fbbb.6a4f9e6d49c018906a170b04.6a4f9e6dcc1aab3c9ee11e03:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 21:13:42)
AI+情绪功能扩展阶段的对话
第三阶段：行为科学驱动的效率工具（Session 3）
这个阶段是我认为最有价值的迭代。我研究了 Tiimo（为 ADHD 用户设计的效率工具）、Forest（损失厌恶驱动的专注工具）、Trophy 平台的 2026 年游戏化数据报告后，让 TRAE 帮我实现了四个功能：
拖延急救包：借鉴 CBT 和执行意图理论（if-then planning），设计了四步引导流程。最初的版本只有三步且交互很粗糙，后来迭代到带步骤指示器、任务卡片、可勾选微行动、进度条、5 秒倒计时环的完整体验
能量感知调度：5 级能量自评，不同能量等级推荐不同难度的任务（灵感来自 rivva 的精力感知调度和 Tiimo 的能量匹配）
心流守护者：专注超过 15 分钟后触发粒子特效和心流通知（基于 Flow Theory 的 15 分钟心流阈值）
回神锚点："只做 2 分钟"的微起步策略，降低开始门槛（来自番茄法变体中的 2-Minute Rule）这个阶段踩了一个大坑：用 const 声明的变量在被 init() 函数提前调用时触发了 TDZ（Temporal Dead Zone）错误，导致整个页面白屏。排查了半小时才发现是初始化顺序问题——最后把所有 const 声明移到调用之前就解决了。
Session ID 3：604057805260043:0abce0137ce7743f2a9abf3f8a50f988_6a32b1c9ce0057bcd4b2fbbb.6a4fc6a549c018906a170fef.6a4fc6a4612f613ee144fb5f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/10 00:17:14)
行为科学功能迭代阶段的对话
开发中踩过的坑
const TDZ 错误 — 用 const 声明的 energyLabels 在 init() 中被提前调用，导致 ReferenceError: Cannot access before initialization。解决方案：调整声明顺序，确保所有 const/let 在使用前已声明。
HTML 中的 Markdown 语法 — 在 generateProcrasBreakdown() 中用了 粗体，但 HTML 不识别 Markdown，导致页面显示星号。改为 标签。
任务过滤逻辑过严 — 拖延急救包最初只显示逾期任务，测试数据中没有逾期任务时列表为空。改为：逾期优先 → 今日高优先级 → 其他今日任务，并加了"看看全部"切换。
HTTP Server 进程管理 — 长时间运行时 python3 -m http.server 进程会意外停止。改用 nohup + PID 管理确保稳定。
当前功能全景
PlanIt 目前包含 40+ 功能模块，按类别：核心待办：AI 建任务、四象限、日历视图、随手记、任务火葬场、数据导入导出
AI 功能：自然语言解析、思维圆桌、情绪日报
效率工具：番茄钟 + 心流守护者、回神锚点、拖延急救包、能量调度、速记闯关、灵感盲盒
情感设计：给未来自己的话、物理重启仪式、互助打卡码、年度回顾胶片、完成回放
统计：完成趋势图、分类分布、经验条、战绩分享卡
功能全景截图
-
功能介绍：
-
五、未来规划（复赛方向）
如果晋级复赛，计划在三个方向深入：游戏化体系：番茄 RPG 战斗系统（Boss 战 + 伤害动画）+ GitHub 风格打卡热力图 + Streak 冻结保护机制
AI 深度整合：接入 TRAE AI 能力，实现真正的语义理解（目前是离线规则引擎主导，使用思维圆桌可自主接入API效果更佳），支持语音输入建任务
社交问责：好友 PK、组队 Boss 战（借鉴 Habitica 的团队机制，但更轻量）
-
-
报名帖： 【学习工作】PlanIt — 把待办变成有温度的成长仪式（含HTML产物）
PlanIt-Demo.zip (124.4 KB)
