【学习工作】 + MBTI日程管理大师 x 复赛

  1. 个人参赛介绍:
  • 一名30来岁的随性的自由设计师、INFP、喜欢视觉创作。
    擅长打乱秩序,和整理碎片化视觉信息
    Vibe Coding/编程年限:≈1年 从Trae IDE 开始接触AI编程
  1. 产品简介
  • 一款日程管理APP:「一家懂你性格的24小时像情绪便利店,左手帮你管好日程,右手接住你的情绪」

  • 核心用户:MBTI爱好者、效率内耗者、情绪敏感人群、学生&职场人群

  • 完整功能清单 & 用户使用路径

    梳理了6大功能模块,每个模块都配了功能表格、用户路径说明和对应截图:

    1. 计划待办 - 短期待办/长期可循环计划/AI一键整理计划

    2. 心情出票 - 模拟商店小票,为心情出票

      小票分享·留言墙 - 浅社交分享内容

    3. 对情绪作为样本,进行Mbti报告·分析 - MBTI自动推断/16型插画/趋势图/三段式AI建议/积分兑换/主题切换

  • 相比初赛 Demo :

    :performing_arts: 世界观与体验:从简单概念→完整便利店世界观,让整体表达更具有便利店的模拟氛围感

  • :brain: AI能力:从简单标签→自动推断MBTI

  • :two_hearts: 社交连接:从只能自己看→照片墙/心声信箱/共鸣互动/积分体系

  • :artist_palette: UI/UX:UI加入美术资源,整体加入动效视觉,让画面动起来,有趣

    登录页

  1. 产品演示视频:
  • 9.79 12/31 :6pm F@u.Fh RxF:/ MBTI日程管理大师 x TRAE AI 创造力大赛 「一家懂你性格的24小时像情绪便利店,左手帮你管好日程,右手接住你的情绪」 @TRAE.ai # 日程管理app # trae # trae创造力大赛 https://v.douyin.com/g9GrJqOL0rI/ 复制此链接,打开Dou音搜索,直接观看视频!
  1. 产品创作历程:
  • 用过一些很密集的日程管理,似乎效率是这个时代大家所求追的东西。事实上,每个人心中都有一个不同的生活/工作节奏。 AI的时代来了!个体情绪 x 效率 同样重要,不为效率而定制计划,而为个体量身定制的日程管理。

  • 问题:如何为个体定制?
    方案::backhand_index_pointing_right: MBTI

    问题:如何不做问卷的情况下测试MBTI?
    方案::backhand_index_pointing_right: 情绪小票 (=每日一句/几句)

    问题:如何让用户极其方便的完成计划?
    方案:AI帮你一键整理凌乱的思路,拆分复杂的计划。开心/不开心的状态 更合理安排任务计划。

    问题:这些思路如何自然的融入在一块?
    方案:想象成一个便利店「24小时情绪便利店,左手帮你管好日程,右手接住你的情绪」「MBTI × 日程管理 × 情绪记录」

    问题:美术资源GIF
    方案:剪影-视频-GIF

  1. TRAE 实践过程:
  • 完整流程:想法初稿 → 模块拆解(心情出票 / 待办 / 长期计划 / AI 代理层)→ 逐模块在 TRAE 内通过多轮对话迭代(美术资源跟ai功能先占位) → 最后接入AI完成收尾。

    通过多次AI生图,来生成想法点子(1.想法初稿)。

    对于每个模块拆解调整(2.模块拆解 / 3.逐模块在 TRAE 内通过多轮对话迭代)

    对于通用模块的理解Trae基本能够胜任,但是对于差异化的功能,需要有耐心需跟它讲细节的调整计划。

    美术是很复杂的工作,AI的理解会给到一些惊喜!帮你省去一部分工作,但是对于美术要求高的我来讲,习惯亲自用传统软件动手。

    1927866750350249:5aef6bf52aef4d8dc389b30d6629977f_6a5382116f3c7710ce618bc2.6a5382116f3c7710ce618bc5.6a5382116f3c7710ce618bc3:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 20:01:21)

    在APP文件夹中放入美术资源,让它替换掉之前的占位资源即可!理解能力很强非常方便!点赞。

    1927866750350249:fcb81a28fd03201230f7c4de6610ba94_6a52048b11b41e057129f4bc.6a5210e011b41e057129f5c5.6a5210e011b41e057129f5c3:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/11 17:46:08)

    重点!先做效果图,再让AI参考!

    最终效果呈现:

    1927866750350249:fffd08b569ccde8a83349229ea286574_6a675f15bcd7e4fe8a6800ad.6a6dfd5c18a7a92e31ca27a5.6a6dfd5b18a7a92e31ca27a3:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/8/1 22:06:20)

    4.之前预留的AI- API分析接口可以接入进去 APP完美成型

    (开发心得:框架思路很重要,可以避开很多问题。 但同时我觉得在和Trae的共同开发过程它会给到你一些新的点子和建议,才是更好玩的地方。 因为添加修改功能真的很方便,大不了打乱再重来一次,token消耗费用完全可控,所以享受与Trae共同创作的过程吧。)

    关键步骤截图:

    关键任务对话的 Session ID:

    1927866750350249:a53cf7a16417f71b1f6779c4fa6250b3_6a4b7585dbe86918c0933ed0.6a4b837fdbe86918c0933f51.6a4b837fdbe86918c0933f4f:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/6 18:29:19)

    1927866750350249:d66aa0b23930ad1ed61488b8648893de_6a4e6145fc05e819cbfb3b20.6a4e861cfc05e819cbfb3db0.6a4e861cfc05e819cbfb3dae:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/9 01:17:16)

    1927866750350249:2850df25e100b9cf6d783fce1328690c_6a52048b11b41e057129f4bc.6a52057c11b41e057129f4da.6a52057c11b41e057129f4d8:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/11 16:57:32)

    1927866750350249:4e212a7de3c76c4acd9329d4f87dfd46_6a4e6145fc05e819cbfb3b20.6a4ff40b43222a5bd0fc6c2a.6a4ff40b43222a5bd0fc6c28:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/10 03:18:35)

技术方案

  • 技术栈选型表格:前端零框架原生JS、后端Node.js零依赖单文件、JSON文件存储、html2canvas懒加载、PM2+Nginx部署,每个选型都说明了理由
  • 三层架构图:ASCII绘制客户端→服务端→DeepSeek AI的完整架构
  • 6大关键实现思路
    1. MBTI自动推断引擎(五维数据+滑动窗口+趋势图)

    2. AI Prompt工程体系(8维度风格矩阵+心情难度调度算法+三段式结构锁定+JSON容错解析+本地兜底)

    3. 心声信箱匹配机制(真人优先+AI兜底+每日配额+语义化按钮)

    4. 照片墙随机算法(Fisher-Yates洗牌+pinned优先级+随机旋转+无压力共鸣)

    5. 性能优化策略(零依赖+gzip 75-82%压缩+懒加载+离线优先)

    6. 部署与运维(5秒极速同步脚本+PM2守护+SSH免密+白名单安全)

      社会价值三方面

      1. 情绪健康的「便利店」——降低心理求助门槛(贵/重/stigma三个痛点的解决方案)

      2. 反效率焦虑——重新定义「完成」(允许今天只做一步,MBTI适配不同节奏)

      3. 弱连接的温暖——不做社交做「陌生人的善意」(无关注无粉丝无评论区的轻量连接)

        四阶段商业化路径

      • 第一阶段(当前):核心功能永久免费

      • 第二阶段(1-10万用户):社交功能 充值点数

      • 第三阶段(10万+):实物周边电商(抱枕/解压玩具/实体小票打印机)

        未来延伸:

      • 深度周报、月报和阶段对比。

      • 更细致的 MBTI 倾向变化分析。

      • 多设备同步、数据导出和长期备份。

      • 主动提醒、日历整合与个性化计划模板。

      • 小游戏延伸

        商业模式亮点:不赚焦虑的钱、积分体系正向循环、轻资产无库存、用户共创