学习工作——神归集

TRAE AI 创造力大赛 【大赛初赛专区】
1

【标签】 学习工作

【标题】 学习工作——神归集

【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）

0. 先和大家打个招呼吧 :waving_hand:

  • 大家好！我是一个闲人，闲得整天忙这忙那但最后却不知道到底做了些什么。而且脑子里的想法那是超级多，一刻也停不下来的那种，但也永远都只会停留在想法上，因为我啥也不会啊，我的能力和我的双手支撑不了我将想法变为现实。关键是我这个人还特别懒，一刷起视频或打起游戏来那是没完没了，根本停不下来，即使脑子里多次提醒说该停下来了，但手就是不听使唤。所以这停不下来的习惯让我浪费了好多时间在这些事情上面，而且时间花了最后却什么也没有得到。

  • 关于我能用TRAE做出这个demo来，说实话我也没想到。我一个啥也不会的纯新手小白居然能在几天之内将这个demo做出来。虽然制作过程中我一度十分无语甚至于最后的demo看起来也不是那么的完美精致美观，但好歹在我和TRAE斗智斗勇之下做出了基本上符合我想法的demo。

一、Demo 简介

是什么： 一款基于中式美学设计的娱乐App使用监督工具，通过累计计时、强制冷却、密码保护等机制，帮助用户戒断娱乐沉迷、放下手机。

面向谁： 自控力差的小朋友、拖延症患者、以及所有"想放下手机但做不到"的人。

核心差异化：在制作过程中TRAE告诉我已经有类似产品，所以我就去使用了一下。发现：

市面上的自律工具（如Forest专注森林、番茄Todo）关注点是"先专注再放松"——你专注了就能玩。但「神归集」关注的是"玩可以别沉迷"——到点强制冷却，没商量。

维度 Forest / 番茄Todo 神归集
核心逻辑 先专注 → 再奖励放松 先限制娱乐 → 到点强制冷却
关注重点 专注力提升 戒断娱乐沉迷
机制 正向激励（种树、积分） 负向限制（强制锁定）
用户角色 需主动开始专注 被动被限制
放下后做什么 必须专注学习/工作 随便做什么都行

一句话定位：不是让你更专注，而是让你放下手机。

主要功能：

  1. 累计监督计时

    • 支持1-30分钟自定义监督时长

    • 单个App或多个App累计使用时间均可触发

    • 间断使用累计计时，关闭后保留已用时间

  2. 强制冷却保护

    • 达到监督时长后自动进入冷却（2-24小时可自定义）

    • 冷却期间名单内所有App被锁定，无法打开

    • 冷却结束后自动进入下一轮监督循环

  3. 密码锁保护名单

    • 添加App无需密码，移出名单必须输入密码

    • 连续输错3次密码，锁定5小时无法再次输入

    • 防止忍不住移出名单的"反悔"行为，针对小朋友

界面展示：

screenshot-1783857041227
screenshot-17838570412271171×918 63.9 KB

screenshot-1783857071371
screenshot-17838570713711091×911 49.4 KB

screenshot-1783857057755
screenshot-17838570577551225×915 45.4 KB

二、Demo 创作思路

灵感来源： 现代人普遍面临"娱乐App成瘾"的问题——刷抖音、打游戏、逛淘宝，不知不觉几小时就过去了。我去体验了Forest和番茄Todo，发现它们的核心功能已经很成熟，但关注点都在"专注力"上——专注后再放松。而我想要的是一款"强制让人放下手机"的工具，因为这也是我个人所面临的问题，不关心放下后做什么，睡觉散步发呆都行，只要不沉迷娱乐就好。尤其是小朋友和拖延症患者，他们需要的不是"激励"，而是"强制"。

想解决的问题：

  • 娱乐App使用过度，影响工作学习和睡眠

  • 现有自律工具靠"正向激励"对自控力差的人没用

  • 缺乏有效的"强制冷却"机制，用户总是"再玩5分钟"

  • 小朋友和拖延症患者需要外力强制，而非自我激励

为什么做这个方向： 选择"强制戒断"而非"正向激励"这个方向，是因为我自己就是目标用户，深知自控力差的人根本无法靠"种树""积分"来约束自己。Forest可以随时关掉，树死就死了；但「神归集」到时间就锁死，没有商量的余地。配合中式美学极简的设计，让自律这件事本身也成为一种仪式感。不跟Forest拼专注力，而是填补"强制戒断"这个空白。

3. Demo 体验地址（三选一）

  • 交互式可体验的HTML格式文件

    shen-gui-ji.html (73.2 KB)

  • 使用说明：

    1. 下载Zip文件后解压

    2. 用浏览器打开 shen-gui-ji.html

    3. 首页点击"快速打开应用"模拟使用娱乐App

    4. 点击应用页添加/移出监督名单（移出需密码：1234）

    5. 设置页可调节监督时长和冷却时长

    6. 达到监督时长后自动进入冷却，体验锁定效果

四、TRAE 实践过程

整体开发流程： 需求分析 → 产品定位 → UI设计 → 核心逻辑实现 → 交互体验打磨 → 中式风格视觉升级

关键步骤

screenshot-1783858130712
screenshot-17838581307121851×981 171 KB

screenshot-1783858108764
screenshot-17838581087641835×972 173 KB

screenshot-1783858074796
screenshot-17838580747961835×978 179 KB

screenshot-1783858041763
screenshot-17838580417631832×960 194 KB

  • SessionID

  • CN.2873453167787767:11416042bc1f834947b511f9736ecee2_6a50acec121ca3a00ca43608.6a50aceee6a013592932ebfb.6a50acec121ca3a00ca43609:TRAE Work CN.1.0.0.2036.b4fa7dff-b26f-4680-95a5-aef5b8038ba9.no_ppe.T(2026/7/10 16:29:45)

  • CN.2873453167787767:e85aac089417e75966433d54edc3079f_6a50acec121ca3a00ca43608.6a51aa823aad9c4af5d223f0.6a51aa828d02c225446f517b:TRAE Work CN.1.0.0.2036.b4fa7dff-b26f-4680-95a5-aef5b8038ba9.no_ppe.T(2026/7/11 10:39:24)

  • CN.2873453167787767:89b753f45cbcb9d423e26c2ea7b6b43a_6a50acec121ca3a00ca43608.6a51b4183aad9c4af5d22497.6a51b4181369d1f94d29e382:TRAE Work CN.1.0.0.2036.b4fa7dff-b26f-4680-95a5-aef5b8038ba9.no_ppe.T(2026/7/11 11:11:37)

  • CN.2873453167787767:67c4ab86b6017637ec7e88ca4cfd6248_6a50acec121ca3a00ca43608.6a51b59d3aad9c4af5d224af.6a51b59d7119acf582ae2fca:TRAE Work CN.1.0.0.2036.b4fa7dff-b26f-4680-95a5-aef5b8038ba9.no_ppe.T(2026/7/11 11:17:24)

开发心得： 用TRAE做开发最大的感受是"快"——从想法到可体验的原型只需要几个小时。而且TRAE不只是写代码，还会帮我思考产品逻辑、交互细节、视觉设计。最开始我只有一个模糊的想法，TRAE帮我一步步细化成了完整的产品。尤其是在产品定位上，TRAE帮我分析竞品、明确差异化，这一点非常关键。

5. 对应的报名审核通过的帖子链接