一个温暖的 AI 任务拆解与成长陪伴工具 — 输入任何让你感到压力的大任务,AI 会帮你拆成"不可能完不成"的小步骤,全程温柔陪伴你一步步完成;还能记录成长日记、在睡前安心入睡。
An AI-powered task breakdown & growth companion — type any overwhelming task, and it becomes small, doable steps. With emotional support, growth diary, and bedtime rituals.
🚀 在线体验(无需配置,打开即用):点击这里访问 Netlify 演示链接
输入任何任务,AI 自动拆成清晰的小步骤并按时间排期。能准确识别"明天下午3点""下周三之前"等自然语言日期,自动安排到对应日期,绝不搞错。
随时开启情绪对话,AI 按情绪等级(1-4 级)分级回应——从不给空话套话,而是真正"接住"你的情绪。关键安全边界:检测到自伤/自杀表述时立即提供 24 小时心理援助热线。
完成任务自动记录,也可手写日记,AI 给出温暖回应。睡前仪式的点滴记录也会自动保存到这里,一点点看见自己的成长。
四步流程:回顾今日 → 小确幸选择题 → 放下焦虑 → 晚安语,陪你安心入睡。记录自动融入成长日记,日积月累。
每完成一步有小小的 ✨ 动画,完成整件事有大礼花 🎉 + AI 夸夸官的热情夸奖,让每一次前进都被看见。
渐进式 10 步导览,气泡可拖动、自动避开屏幕边缘、不会误弹键盘。前几步由你的真实操作驱动,上手零门槛。
追踪你的行为模式(完成率、拖延倾向、情绪触发),注入 AI 回应,让它越来越贴合你的节奏,却不机械地提及数据。当前为基础版行为追踪,「越用越懂你」的个性化体验(记忆延续、行为自适应等)正在积极规划,将在未来版本持续迭代落地。
用番茄工作法智能插入休息间隔,并自动参考你的用餐与作息偏好来安排任务,把任务排得既高效又符合你的生活节奏。用餐/作息时段的智能化匹配仍在持续优化中,更多贴心策略将在未来版本持续迭代给出。
图为演示引导场景,帮助你理解产品的使用路径。若你想亲手体验,点击上方"在线体验"链接即可。
带有昵称的温暖开场问候,第一秒就让人感到被欢迎。
输入"写项目周报 +下午3点前交",AI 立即拆成按时间排好的小步骤——"大任务 → 小步骤"的对比一目了然。
点击 ✓ 标记完成,流式逐字弹出的温暖肯定,每一次前进都被温柔看见。
无论"累了"还是"崩溃了",AI 都先接住情绪再给方法,按你的当下状态分级回应。
任务记录、手写日记、睡前仪式三种卡片混排,看见每一天真实的积累。
睡前仪式四步流程中,AI 生成的 5 个小确幸选项,陪你把一天慢慢地放下来。
截图拍摄建议:用手机 Chrome 打开链接截图,背景保持干净;每张截图在 README 里加圆角边框和浅阴影会更有质感。你也可以把第 2 张做成"输入前 / 拆解后"两张并排的对比图,视觉冲击力更强。
-
演示地址:https://your-netlify-url.netlify.app(打开即用,无需配置 API Key)
-
本地运行:直接双击
index.html或在本地起一个静态服务器即可
演示模式下 Web 安全代理自动生效,API Key 不会暴露在前端。你也可以在本地配置自己的 AI Key 使用完整功能。
| 版本 | 日期 | 主要内容 |
|---|---|---|
| v1.0 | 2026-07-20 | MVP:任务拆解 → 完成/暂停 → 情绪干预 |
| v2.0 | 2026-07-22 | 主界面重构、多角色 AI、清单分类、语音/音频、角色自定义 |
| v2.0.4 | 2026-07-30 | 流式输出、跨日排期、用户画像、情绪分级 + 危机安全边界 |
| v2.1 | 2026-07-30 | 骨架屏加载、情绪对话一键复制、手动改日期、跨事件时间联动 |
| v2.2.0 | 2026-08-15 | 成长日记 AI 回应、睡前安心仪式、任务安排缓冲机制 |
| v2.2.1 | 2026-08-15 | 10 步新手引导、Netlify 部署、API Key 代理保护 |
| v2.2.2 | 2026-09-01 | 新手引导体验优化:气泡可拖动、关闭方式收敛、虚线转动动效、回退逻辑修复、跨日排期 prompt 强化 |
| v2.2.3 | 2026-09-01 | 吉祥物动效、夸夸弹窗体验优化、延迟任务"欢迎回来"分批处理、saveData 节流、夸夸内容保存至成长日记、时间安排智能化 |
| v2.2.5 | 2026-09-02 | 待办清单批量处理(批量选中/全选/事件组全选、批量删除/标记已完成)、延迟任务处理优化、修改整件事显示第一步时间 |
| v2.2.6 | 2026-09-03 | 批量处理调优(级联/单步勾选、处理后即时消失)、saveDataSync 即时持久化、时间系统修复(界面即时刷新、步骤被覆盖 bug、时长动态计算、卡片即时同步)、设置项治理、成长日记与睡前仪式优化 |
| v2.2.7 | 2026-09-03 | 冲突处理重构(删旧建新 → 确定性顺延、旧任务 ID 保留、根除孤儿数据)、双倍顺延 bug 修复、冲突弹窗改为二选一按钮 |
详细版本改动见
ROADMAP.md。
当前版本是纯前端应用,AI 调用通过 Netlify Functions 代理完成,安全且零门槛。下一阶段将进行完整的后端架构升级,已规划并部分开始实施:
-
Vercel Serverless 后端:
/api/chat流式接口、6 大 AI 服务商路由、额度管理 -
双模式 AI 调用:官方体验模式(免费额度)+ BYOK(自带 Key)
-
System Prompt 与服务商路由已迁移至后端,前端不再暴露核心逻辑
-
数据层统一管理(
storage.js中央入口,为后续数据迁移做准备) -
双模式选择界面 + API Key 脱敏存储(sessionStorage)
-
流式输出中断恢复、超时检测、一键重试
-
用户认证系统(OAuth / 邮箱注册)
-
IndexedDB → 云端数据库迁移
-
多设备数据同步
-
多语言支持(i18n)
-
埋点分析 + 北极星指标
-
PWA 离线支持
完整技术路线图见
Stepforward_demo_with_backend/目录。
前端:纯 HTML + CSS + JavaScript (ES Module) · 无框架依赖 · 移动端自适应 AI:DeepSeek Flash API · 流式 SSE 输出 部署:Netlify(前端 + Netlify Functions 代理) 后端(即将升级):Vercel Serverless · Vercel KV · 多服务商统一路由
很多人面对任务的不是"能力不够",而是"被一个大任务压得喘不过气,不知从哪开始"。StepForward 在做的,就是把"不可能"变成"一小步",并在这个过程里持续地、温柔地陪着人走下去——因为每一次小小的前进,都值得被看见、被庆祝。
本项目用于个人作品展示与学习交流。





