0. 先和大家打个招呼吧 
你是谁：
一名 Java 后端开发工程师，日常主要写 Spring Boot、微服务、数据库这些。前端和小程序属于"能看懂但写不利索"的水平，CSS 动画和页面布局更是我的弱项。一直关注心理健康领域，自己和身边很多朋友都有过"情绪上来时不知道怎么办"的时刻，所以一直想做一个能帮到人的小工具。
我是怎么用 TRAE 把 Demo 做出来的：
作为后端程序员，说出来可能有人不信——这个包含 11 个页面、24 个动作、6 种动画效果的小程序 + Web Demo，我一行代码都没手动写，全是 TRAE 做的。
我现在工作的时候也有用AI开发 但是所有代码都会去检查一下，很多时候需要手动调整一下。这次参赛我其实是抱着"试试看"的心态，想看看 TRAE 到底能不能真的帮一个后端程序员做出完整的前端产品。
我的策略很简单：全程零手动编码，只通过自然语言描述需求，看 TRAE 能不能独立把产品做出来。
最开始我只说了一句话：“我想做一个情绪调节的微信小程序，叫心情着陆点，主打轻量级情绪支持，你帮我从零开始做。”
整个过程中我做的事情只有三个：
- 提需求——用自然语言描述我想要什么，遇到不懂的前端术语就用大白话讲
- 审结果——看它做出来的东西对不对、好不好，逻辑有没有问题
- 调方向——不满意的地方告诉它哪里要改、怎么改
代码全是 TRAE 写的，我连一个 CSS 类名、一个 JS 变量名都没手动敲过。
最让我意外的有几点：
- 前端能力真的强——CSS 动画、SVG 进度环、响应式布局这些我头疼的东西，它信手拈来，而且写得还挺规范
- 细节想得比我周全——比如呼吸法的禁忌提示、数据清空的二次确认、定时器防泄漏，这些它都会主动加上
- 重构能力很强——我说"步骤和倒计时不同步"，它不是打个补丁凑合用，而是直接重构了整个计时器架构，从根上解决问题
- 迭代速度太快了——换我自己摸索着写前端，至少得一个月；用 TRAE，不到一周就从想法到完整产品了
作为 Java 后端开发，这次体验彻底改变了我对 AI 编程的看法。以前觉得 AI 是"辅助工具，帮我省点时间"，现在觉得它更像"技术合伙人"——你负责想清楚做什么，它负责把东西做出来。而且你越懂技术（哪怕不是同一个领域），就越能提出精准的需求和判断，它产出的质量就越高。
从"只有一个想法"到"完整可运行的产品"，全程自然语言对话，零手动编码。这种开发体验，试过之后真的回不去了。
1. Demo 简介
是什么：
「心情着陆点」是一款轻量级情绪支持 Web 应用（同时提供微信小程序版本），主打"30秒-3分钟快速情绪调节"，就像口袋里的情绪急救包。
面向谁：
核心用户是 18-35 岁的学生和职场新人——他们经常面临学业压力、工作焦虑、社交情绪等问题，但又觉得"还没到要去看心理医生的程度"，常常独自扛着。
主要功能：
核心功能1：情绪记录与智能推荐
- 10+ 种情绪选择（焦虑、烦躁、难过、疲惫、紧张、压力大、恐慌等）
- 每种情绪对应专属温柔回应文案，“不说教、不诊断，只是接住你”
- 根据情绪类型智能推荐 3 个最合适的调节动作
核心功能2：微调节动作库（24种科学动作）
涵盖 5 大类 24 个经过科学验证的情绪调节动作，每个 30 秒 - 3 分钟即可完成：
| 分类 | 代表动作 | 数量 |
|---|---|---|
| 呼吸类 | 节律呼吸、4-7-8呼吸法、箱式呼吸 | 4个 |
| 身体放松类 | 渐进性肌肉放松、身体扫描、肩颈放松 | 8个 |
| 注意力转移类 | 5-4-3-2-1感官练习、颜色观察、反向数数 | 4个 |
| 自我安抚类 | 蝴蝶拥抱、双手抚心、积极回忆 | 4个 |
| 正念冥想类 | 呼吸觉察、慈心冥想、STOP技术 | 4个 |
练习弹窗内置 6 种动画效果（呼吸圆圈、蝴蝶扇动、数字倒数等），配合实时步骤提示、进度圆环和倒计时，让用户能跟着做、做得到
核心功能3：成长反馈与数据可视化
- 累计记录数、连续天数统计
- 情绪分布图表（趋势/分布/周报告）
- 历史记录回顾，“慢慢看见自己正在变好”
- 鼓励语录 + 小胜利记录，提供正向能量补给
2. Demo 创作思路
灵感来源
灵感来自身边很多朋友的真实状态：
“我知道自己情绪不好，但又觉得不是什么大事，不至于去看心理医生。”
“焦虑的时候刷刷手机，越刷越焦虑。”
“道理都懂，但就是做不到，没人告诉我现在该怎么办。”
市面上的心理健康 App 要么太重（需要注册、做测评、付费课程），要么太说教（一上来就"你要想开点"）。缺少一个 “轻量、温暖、打开就能用” 的工具——就像口袋里的一颗糖，难受的时候拿出来含一下，就能好一点。
想解决的问题
| 用户痛点 | 我们的解法 |
|---|---|
| 情绪上来时不知道该怎么办，越想越乱 | 提供具体可操作的小动作，跟着做就行，不用想 |
| 觉得自己"矫情"，不愿意求助 | 纯本地存储，不上传数据，隐私安全 |
| 呼吸法之类的方法知道但不会用 | 动画引导 + 步骤提示 + 倒计时，手把手带练 |
| 坚持不下来，看不到变化 | 成长数据可视化，每一次记录都算数 |
| 不喜欢被说教、被评判 | 温暖回应文案，“先接住情绪，再说其他” |
为什么做这个方向
判断1：需求真实且普遍
- 当代年轻人情绪压力是普遍存在的真实问题
- "轻中度情绪困扰"的人群远大于"需要专业治疗"的人群
- 这部分需求目前没有被很好地满足
判断2：轻量工具更有价值
- 不做"心理医生的替代品"，做"日常情绪的急救包"
- 降低使用门槛：不用注册、不用付费、打开就用
- 30秒-3分钟就能完成一次调节，符合碎片化场景
判断3：技术可实现
- 所有动作都是基于已有的心理学研究和临床技术
- 不需要 AI 模型推理，纯前端就能实现
- 本地存储方案天然保护隐私
取舍：
不做社区/社交（容易增加焦虑和比较）- 不做专业测评/诊断（超出能力边界）
- 不做推送/提醒（避免增加压力）
做纯工具属性，需要时才打开- 做本地存储，保护隐私
- 做科学但简单的方法，人人都能上手
3. Demo 体验地址
-
压缩包有demo可以体验；
mood-landing.zip (41.2 KB)
-
微信小程序-扫码体验
快速体验路径
- 首页 → 选择一个情绪（比如"焦虑"）
- 看情绪回应 → 点击推荐的动作（比如"4-7-8呼吸法"）
- 点击"开始练习" → 跟着动画和步骤提示完成练习
- 完成后查看成长页 → 看数据统计和情绪分布
- 底部 Tab 切换：首页 / 练习 / 成长
4. TRAE 实践过程
我用 TRAE 开发「心情着陆点」的完整流程大概是这样的：
需求构思 → PRD文档生成 → 技术架构设计 →
动作库设计 → 页面开发 → 交互优化 →
UI打磨 → 功能完善 → 测试修复
全程用自然语言跟 TRAE 对话，从"我想做一个情绪调节的小程序"这句话开始，到最后完整可运行的产品，每一步都是 TRAE 帮我实现的。
关键步骤1：从想法到PRD——产出完整的产品需求文档
最开始我将我的报名帖内容复制进去了：
“Hi 我正在参加 trae举办的创造力大赛请你帮忙生成一份demo ,以下我的参赛稿，和一些产品描述：…”
TRAE 直接给我产出了完整的 PRD 文档，包含：
- 核心功能模块拆解（页面、入口、区域）
- 页面结构和流程图
- UI 设计风格规范（暖橙红色系、柔和卡片风格）
- 技术实现
- 典型场景、产品特色亮点
原本我以为需要自己想很久的产品设计，TRAE 几分钟就帮我梳理清楚了，而且很多细节考虑得比我还周全。
Session ID
- 3798157157740083:9cf6c8d03d3720d94e31856f2c46d4ac_6a41df1fe328e53a1a8a8ef0.6a41df1fe328e53a1a8a8ef3.6a41df1fe328e53a1a8a8ef1:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 10:57:35)
关键步骤2：从demo到小程序——产出完整的微信小程序代码
Session ID
3798157157740083:aa063bbc0151043d1ef8667918f5c5b9_6a41df1fe328e53a1a8a8ef0.6a41f8afe328e53a1a8a9046.6a41f8afe328e53a1a8a9044:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 12:46:39)
关键步骤3：功能测试优化、评审
功能优化：
Session ID
3798157157740083:98b3b7e892896360a047f225bd3c1863_6a41df1fe328e53a1a8a8ef0.6a420a00e328e53a1a8a916b.6a420a00e328e53a1a8a9169:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/29 14:00:32)
小程序评审与修复：
Session ID
3798157157740083:6333f65b66f6620ab50bdfdc00ce5bcd_6a41df1fe328e53a1a8a8ef0.6a43576de58c17512337b6c9.6a43576ce58c17512337b6c7:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/30 13:43:09)
demo评审与修复：
Session ID
3798157157740083:df74691ef43cff515611147883413314_6a41df1fe328e53a1a8a8ef0.6a449b962019b071541c9584.6a449b962019b071541c9582:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/1 12:46:14)
5. 对应的报名审核通过的帖子链接
