- 先和大家打个招呼吧
我是一名大二学生，平时课程和社团活动排得很满，总觉得自己在"记任务"这件事上花了不少时间，但任务还是越堆越多。之前用过不少待办 App，但它们大多只能帮我"记下来"，没法告诉我"今天先做哪个"或者"这句话到底是什么意思"。所以这次参赛，我想做一个能真正理解自然语言、还能帮我安排时间的工具。
从初赛 1.0 到复赛 2.0，再到现在的 v4.0 Aurora Glass，我和 TRAE 一起经历了三轮大幅迭代。v4.0 不是简单的功能堆叠，而是一次从"工具"到"体验"的升级——14 类人群身份系统让不同角色都能一键上手，深空星空沉浸式视觉让专注变成一种享受，shadcn 风格原生组件和无障碍优化让交互更自然，还有大量布局修复和 AI 能力深化。
整个 v4.0 依然是一个纯前端单 HTML 文件，双击即用，零后端依赖。
TRAE 最让我惊喜的时刻，是当我跟它说"我想要一个深空星空的背景，鼠标移过去要有黑洞引力"的时候，它直接给我生成了三层视差 Canvas + 粒子物理引擎 + 鼠标交互的完整方案。之前我以为这种效果需要引入 Three.js 之类的大库，结果 TRAE 告诉我纯 Canvas 2D 就能搞定，最终文件大小只增加了不到 5KB。
- Demo 简介
是什么： 一个纯前端单 HTML 文件的 AI 增强型日程与智能待办助手，双击即可运行，无需安装、无需注册、无需后端。v4.0 在初赛基础上完成了视觉重构 + 身份系统 + 无障碍升级 + AI 深化。
面向谁： 中小学生、大学生/研究生、艺考艺术生、程序员、产品运营、UI 设计师、中小学教师、医护人员、自媒体博主、电商个体户、宝妈、退休中老年、公考考证人群、创业者——14 类身份，首次打开即可选择，一键载入专属任务模板。
v4.0 核心功能（相比 2.0 的 6 大模块升级）
模块一：14 类人群身份系统 
欢迎弹窗 2 行 4 列精致分类卡片，键盘导航支持（↑↓Enter/Esc）
每种身份 5-6 条专属任务模板，支持「追加」或「覆盖」两种加载模式
AI 面板显示当前身份标签，生成任务自动包含 scene 字段
命令面板新增 14 个快捷加载指令
统计页面 SVG 柱状图展示各人群任务数量，点击下钻明细
模块二：深空星空沉浸式视觉 
三层视差 Canvas 粒子背景（远景星云 + 中景星点 + 近景引力粒子）
鼠标黑洞引力漩涡特效（静止 1.5s 后自动停止运算，节省性能）
随机流星划过动画（12-20s 间隔）
全局卡片/按钮 hover 霓虹蓝紫柔光扩散
弹窗 3D 纵深缩放旋转入场/离场动画
文字流动光带、SVG 图标星光环、番茄进度条星云脉冲
模块三：shadcn 风格原生组件 
身份选择器：精致网格选择器，选中激活指示器，键盘全导航
AlertDialog 确认弹窗：标题+描述+outline 取消+primary 确认，3D 动画
Sonner 风格 Toast：四种变体（成功/错误/警告/信息），进度条倒计时，玻璃磨砂背景，mouseenter 暂停/mouseleave 恢复
Badge 分类标签：default/outline/ghost 三种变体，14 类人群专属渐变，点击筛选
命令面板：身份快捷指令，关键词筛选
模块四：无障碍与交互优化 
全部可交互元素 :focus-visible 样式（outline: 2px solid var(–c2)）
弹窗 role=“dialog” aria-modal=“true”，Toast aria-live=“polite”
键盘导航：Escape 关闭弹窗、Enter 确认、箭头键导航
语义 HTML，所有 icon-only 按钮 aria-label
模块五：移动端适配 
人群卡片响应式：7/4/3/2 列自适应
底部导航 48px 触摸区域，touch-action: manipulation
弹窗底部安全区域 env(safe-area-inset-bottom)
侧边栏全屏覆盖 + backdrop 模糊
模块六：AI 与统计深化 
AI 面板身份筛选开关，生成任务自动包含身份场景
AI 输出卡片底部身份标签
统计页面 SVG 柱状图展示各人群任务数量，点击下钻明细
新增「身份种类」统计 tile
原有功能保留（2.0 完整继承）
周视图/日视图/月视图/看板/日历/今日聚焦/专注番茄/数据统计 8 大视图
周期任务（每天/每周/每月/每年/自定义）、子任务+进度条
Markdown 备注、自定义提醒、AI 智能编排、自然语言编辑
CSV/Markdown/JSON/ICS 导出、本地 NLP 离线兜底
8 种 AI 供应商预设（豆包/DeepSeek/OpenAI/智谱/Moonshot/通义千问/Ollama 等）
2. 界面展示
PC 端 - 今日聚焦
PC 端 - 待办列表（身份筛选）
PC 端 - 日视图时间轴（多 lane 不重叠）
PC 端 - 周视图时间轴
PC 端 - 专注番茄（圆环倒计时）
PC 端 - 看板拖拽
PC 端 - 数据统计（柱状图+热力图+身份分布）
PC 端 - AI 助手面板（身份标签）
PC 端 - 欢迎弹窗（身份选择）
PC 端 - 命令面板（身份快捷指令）
PC 端 - 月历视图
移动端 - 今日聚焦
-
Demo 体验地址
智序-AI增强型日程与智能待办助手.html (229.5 KB)
体验方式： 下载附件中的 智序-AI增强型日程与智能待办助手，双击 HTML 文件即可打开。
使用提示：
首次进入可选择「载入演示数据」或选择 14 类人群身份之一，一键载入专属任务模板
如需使用在线 AI 能力，可在左侧「API 管理」中填写自己的 API Key（支持 8 种预设）
未配置 API Key 时，基础任务管理、离线 NLP 解析、全部视图和导出功能依然可用
快捷键：N 新建任务、Ctrl+K 命令面板、1-8 切换视图、Esc 关闭弹窗
支持 JSON 备份/恢复、ICS 日历订阅、CSV/Markdown 导出
4. Demo 创作思路
v4.0 迭代思路
复赛发布后，我收到了很多关于「不同人群如何使用」的反馈。一个程序员和一个宝妈，对任务管理的需求完全不同——程序员需要 Code Review 和 bug 修复的模板，宝妈需要辅食准备和疫苗提醒。如果让用户从零开始配置，门槛太高；如果预置一套通用模板，又两头不讨好。
所以 v4.0 的核心设计决策是：让工具主动适配人，而不是让人去适配工具。
14 类人群身份系统的实现思路：
底层数据模型不变（任务 = title + date + time + priority + category + scene）
通过 scene 字段标记任务所属身份场景
欢迎弹窗选择身份后，系统自动加载该身份的 5-6 条典型任务
用户可以在任意时候切换身份，追加新模板或覆盖旧任务
AI 生成任务时，自动读取当前身份，输出更贴合的角色化建议
深空星空视觉的设计思路：
专注是一个需要「仪式感」的场景， bland 的白色背景很难让人进入状态
Canvas 2D 粒子系统比 WebGL 更轻量，单文件约束下更可控
三层视差（远景慢、中景中、近景快）营造空间纵深感
鼠标黑洞引力是「可交互的」，让用户感觉到「我在控制这个空间」
想解决的问题
不同角色需求差异大 → 14 类人群身份模板，一键适配
专注场景缺乏沉浸感 → 深空星空视觉 + 呼吸动画
交互组件不够精致 → shadcn 风格原生组件，无依赖
无障碍支持不足 → ARIA + focus-visible + 键盘导航
移动端体验差 → 响应式网格 + 安全区域 + 触摸优化
AI 输出不够个性化 → 身份标签自动注入 prompt
5. TRAE 实践过程
开发流程（v4.0 新增模块）
身份系统搭建 我先整理了 14 类人群的典型任务清单（每种 5-6 条），交给 TRAE 帮我设计身份选择器的交互逻辑。TRAE 帮我实现了精致网格选择器、键盘导航、追加/覆盖两种加载模式，还帮我把身份标签集成到了 AI 面板和统计页面。
星空视觉系统 这是 v4.0 最复杂的技术挑战。TRAE 帮我设计了三层视差 Canvas 架构：
远景层：低密度星云粒子，极慢漂移
中景层：中等密度星点，鼠标轻微偏移
近景层：高密度引力粒子，受鼠标位置产生漩涡效应
还实现了流星动画（随机生成、抛物线轨迹、渐隐消失）和黑洞引力物理模型（距离衰减 + 角度计算 + 速度阻尼）。最让我惊喜的是，TRAE 在性能优化上做得很细——鼠标静止 1.5s 后自动停止引力计算，粒子数控制在 200 以内，确保 60fps。
shadcn 组件移植 TRAE 帮我在零依赖的前提下，用纯 CSS + 少量 JS 实现了身份选择器、AlertDialog、Sonner Toast、Badge、命令面板五个组件。每个组件都遵循 shadcn 的设计语言：圆角、柔和阴影、渐变激活态、outline 变体。命令面板还支持了模糊搜索和键盘上下导航。
布局修复 这是 v4.0 最磨人的部分。用户反馈的多个布局 bug（待办列表不显示、日视图任务重叠、专注视图倒计时被遮挡、Toast 提示不消失），TRAE 帮我一一排查：
待办列表：发现 switchTab(‘todo’) 遗漏了 renderTasks() 调用
日视图重叠：新增 assignLanes() 算法，按时间重叠分配水平 lane
专注遮挡：重构 .focus-ring 内部层级，SVG 绝对定位底层，文字绝对定位顶层
Toast 不消失：mouseleave 未恢复倒计时，补上恢复逻辑
关键任务对话 Session ID
以下是我开发 v4.0 过程中保留的关键对话记录：
3141768880068199:88182dcaa95d7302de2a2018b1022b21_6a3145646533f151445b47c4.6a329303ba4770d6824656e3.6a329303ba4770d6824656e2:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/17 20:30:06)
3141768880068199:b8b1890ff25b863e7769efab89726389_6a3145646533f151445b47c4.6a341e4b05b5830cd18be3c6.6a341e4b05b5830cd18be3c5:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/19 00:35:26)
3141768880068199:b8b1890ff25b863e7769efab89726389_6a3145646533f151445b47c4.6a341a0405b5830cd18be182.6a341a0305b5830cd18be180:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/19 00:17:08)
3141768880068199:706ade9972c3c8d08558d8445d290b37_6a3145646533f151445b47c4.6a3413ef05b5830cd18be017.6a3413ef05b5830cd18be015:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/18 23:51:11)
3141768880068199:f495c7b54768c4536cef2345250226af_6a3145646533f151445b47c4.6a3411cf05b5830cd18bdf84.6a3411cf05b5830cd18bdf83:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/18 23:42:10)
3141768880068199:f495c7b54768c4536cef2345250226af_6a3145646533f151445b47c4.6a3411ab05b5830cd18bdf6e.6a3411ab05b5830cd18bdf6d:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/18 23:41:35)
3141768880068199:88182dcaa95d7302de2a2018b1022b21_6a3145646533f151445b47c4.6a329123ba4770d682465526.6a329123ba4770d682465524:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/17 20:20:51)
3141768880068199:e696704d2193e24445ca42040216a595_6a3145646533f151445b47c4.6a3145e76533f151445b47e0.6a3145e76533f151445b47de:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/16 20:47:35)
3141768880068199:ba048eebaa6fcd223c7a8c1f7d987241_6a3145646533f151445b47c4.6a40a96c3145ac2bd04ba765.6a40a96c3145ac2bd04ba763:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:56:12)
3141768880068199:f495c7b54768c4536cef2345250226af_6a3145646533f151445b47c4.6a34110a05b5830cd18bdf0a.6a34110a05b5830cd18bdf08:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/18 23:38:50)
3141768880068199:f3c334fd24f1d2996dbfccab517a3410_6a3145646533f151445b47c4.6a340fe905b5830cd18bde93.6a340fe905b5830cd18bde91:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/18 23:34:01)
3141768880068199:aa49ffcec16144ea9d7a79fb2171272c_6a3145646533f151445b47c4.6a329da9ba4770d68246583f.6a329da9ba4770d68246583d:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/17 21:14:17)
3141768880068199:e8cc20100f5aa4c55905fdb4eec70817_6a3145646533f151445b47c4.6a40a8cf3145ac2bd04ba745.6a40a8cf3145ac2bd04ba743:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:53:35)
3141768880068199:215676179a9bd0c6c7301575ff522019_6a3145646533f151445b47c4.6a40a7dd3145ac2bd04ba717.6a40a7dd3145ac2bd04ba715:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:49:33)
3141768880068199:efb0368776c421da3170da9f55c9bb07_6a3145646533f151445b47c4.6a40a70f3145ac2bd04ba6fa.6a40a70f3145ac2bd04ba6f8:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:46:07)
3141768880068199:1517cb0c0d2837324d6ed9d6fa7a9af5_6a3145646533f151445b47c4.6a40a3143145ac2bd04ba63a.6a40a3143145ac2bd04ba638:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:29:08)
3141768880068199:4868ac386c6c28414bd009bbd464c7f3_6a3145646533f151445b47c4.6a40a1913145ac2bd04ba5ed.6a40a1913145ac2bd04ba5eb:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 12:22:41)
3141768880068199:35d322044026109aea94dbca52bf1a5f_6a3145646533f151445b47c4.6a4095e53145ac2bd04ba222.6a4095e53145ac2bd04ba221:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 11:35:40)
3141768880068199:ce1e3609406600e21d35506d887756cb_6a3145646533f151445b47c4.6a4092493145ac2bd04ba173.6a4092493145ac2bd04ba171:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 11:17:29)
3141768880068199:d22ac2b9806f8ea4e90c84fd458f2a2e_6a3145646533f151445b47c4.6a408eee3145ac2bd04ba041.6a408eee3145ac2bd04ba03f:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 11:03:10)
3141768880068199:66241c7c887bd7f294debe4ffdbfca66_6a3145646533f151445b47c4.6a408a7b3145ac2bd04b9e6f.6a408a7a3145ac2bd04b9e6d:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 10:44:11)
3141768880068199:8d4bb4f02fe1a59924c8e051aadf3d37_6a3145646533f151445b47c4.6a4086683145ac2bd04b9d11.6a4086683145ac2bd04b9d0f:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/28 10:26:48)
3141768880068199:f4edc64522ce4f6e83d99ba916a2f288_6a3145646533f151445b47c4.6a390cce1c06cf6284b00fc7.6a390cce1c06cf6284b00fc3:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/22 18:22:06)
附件
智序-AI增强型日程与智能待办助手.html (229.5 KB)
智序-AI增强型日程与智能待办助手-初赛版.zip (58.3 KB)
智序-AI增强型日程与智能待办助手-初赛版.zip（内含 HTML 文件，双击即用）
文件大小：约 59 KB（gzip），约 230 KB（源码）
补充说明
合规声明： 本作品严格遵守 TRAE AI 创造力大赛要求——纯前端单 HTML 文件、零后端依赖、不引用第三方 CDN/字体/图片、源码中不包含任何真实 API 密钥。API Key 由用户自行填写，仅保存在浏览器 localStorage 中。
v4.0 升级清单（相比 2.0）：
模块 新增功能
身份系统 14 类人群身份模板、欢迎弹窗、AI 身份标签、统计柱状图
视觉系统 深空星空三层视差、黑洞引力、流星动画、霓虹 hover、3D 弹窗
组件系统 身份选择器、AlertDialog、Sonner Toast、Badge、命令面板身份指令
无障碍 focus-visible、ARIA、键盘导航、语义 HTML
移动端 响应式网格、48px 触摸区、安全区域、侧边栏全屏覆盖
AI 深化 身份筛选开关、AI 输出身份标签、身份种类统计
布局修复 待办列表渲染、日/周视图 lane 算法、专注视图层级重构、Toast 恢复逻辑