【生活娱乐赛道】+修身记 — 个人资源管理小程序

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

  • 你是谁:
    一名刚接触AI的传统软件开发人员

  • 你是怎么用 TRAE 把 Demo 做出来的:
    一开始想做一个小程序,主要用来自己个人经济、精力、情感方面的支出,以便回顾和提升自我,后面看到AI可以实现,抱着试试看的态度。
    先是简单向TRAE说了下我的想法,他就理解了大差不差,然后就生成了一个大大致的方案。
    感觉太好用了,就让他一步一步生成demo,然后根据生成的demo进行查看,感觉总体上比较符合,细节可能还需要继续雕琢,但是已经初具雏形。

1. Demo 简介

  • 是什么:修身记是一款个人资源管理微信小程序(Demo 为交互式 HTML 体验版),融合传统修身智慧与现代量化思维,帮助用户记录和管理金钱、时间、情感、精力四种核心资源,做到"记的是数字,修的是自身"。

  • 面向谁:希望提升自我管理能力的年轻人(18-35 岁),包括上班族、学生、自由职业者

  • 典型场景:想控制消费但记不住花在哪、感觉时间不够用、情绪波动大、精力管理困惑

  • 主要功能:

  1. 快速记账 — 支持四种资源(金钱/时间/情感/精力)的支出与收入记录,含时间选择、地点标注、语音录入,分类清晰直观。

  2. 额度管理 — 每种资源支持独立开关,可设置总额度与时间周期(每周/每月),周期内自动统计已用量,进度条实时预警,超 80% 醒目提醒。

  3. 智能统计与报告 — 统计页面展示累计记账、连续天数、本周趋势图表和智能分析;支持一键生成修身报告,从《论语》《大学》《道德经》《周易》等古典典籍中取材,结合用户数据生成暖心激励。


  4. 成就徽章与主题切换 — 记账行为触发成就解锁(如"初入修身"、“持之以恒”),5 种主题(默认/暖秋/翠竹/暗夜/水蓝)自由切换,深色模式适配。

2. Demo 创作思路

  • 灵感来源:“吾日三省吾身”——曾子的修身之道,在当代应该有一款工具来承载。市面上的记账 App 只关注金钱,但人生不止有金钱,还有时间、精力和情绪。我们想做一个把"修身"理念数字化的产品,让用户在记账的过程中,不止看清数字,更看清自己。

  • 想解决的问题:

  1. 单一维度的记账无法反映完整生活状态:光记钱不够,时间流逝、情绪波动、精力消耗同样需要被看见。
  2. 传统记账 App 缺乏正向激励:用户容易放弃,缺少"被看见"的成就感。
  3. 古典智慧与现代生活脱节:四书五经的修身理念很好,但缺乏落地的工具载体。
  • 为什么做这个方向:
  • 差异化:区别于纯金钱记账 App,修身记覆盖"金钱+时间+情感+精力"四维资源,形成独特定位。
  • 文化自信:用中国古典哲学作为产品内核,从《大学》"知止而后有定"到《诫子书》“静以修身,俭以养德”,让产品有了文化厚度。
  • 技术可行:作为 Demo 用纯 HTML/CSS/JS 实现,无需后端部署,任何人打开即用,降低体验门槛。

3. Demo 体验地址(三选一)

  • 交互式可体验的HTML格式文件,请使用Zip格式打包上传到社区;
    解压后直接用浏览器打开 HTML 文件即可体验全部功能,无需安装任何环境。
    xiushenji-demo.html (73.6 KB)
    xiushenji-demo.zip (17.4 KB)

4. TRAE 实践过程

.3511159189153019:f27ffc4bebb4275eca384580e2cca6b4_6a3ccd38684b7918b8cf5723.6a3e326cf02ff6526eba29c2.6a3e326b6f909573c98172df:Trae CN.T(2026/6/26 16:03:56)

.3511159189153019:b4cd2a93b4201628cfca120660a41318_6a3ccd38684b7918b8cf5723.6a3e3622f02ff6526eba2a14.6a3e36226f909573c98172e0:Trae CN.T(2026/6/26 16:19:46)

.3511159189153019:21e5f42d8d64229d4c96bf19eebb9486_6a3ccd38684b7918b8cf5723.6a3e37eff02ff6526eba2a4e.6a3e37ef6f909573c98172e1:Trae CN.T(2026/6/26 16:27:27)

.3511159189153019:60905d997f37e4c6b5152d5f25c53bb9_6a3ccd38684b7918b8cf5723.6a3e3d16f02ff6526eba2a8e.6a3e3d166f909573c98172e2:Trae CN.T(2026/6/26 16:49:26)

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