0. 先和大家打个招呼吧 ![]()
-
你是谁: 我是一名深耕互联网20多年的产品经理;
-
你是怎么用 TRAE 把 Demo 做出来的: 我是计算机专业,早期也做一些前端工作,去年偶然的机会了解到TRAE CN,在这大半年的时间,见证了TRAE CN的快速迭代,快速成长,目前能把大部分想法通过静态html页面呈现出来,通过页面浏览后,不断的对智能体输入修改意见,慢慢就实现了自己想要的Demo
-
(我们相信,每个作品背后都有一个真实的人。这段不计入评分,但真诚的分享,会让你的作品更有温度、也更容易被看到
)
1. Demo 简介
-
是什么:一款将情绪记录转化为创作与疗愈体验的移动应用,通过流体交互、感官反馈和具象化产物,让每一次情绪记录都成为自我对话与减压的过程。;
-
面向谁:
18-28岁青年群体,细分为三类人群
A.高压学生群体:高中生、大学生,面临学业、升学、就业、人际关系压力,敏感内耗,不善口头倾诉;
B.职场青年:初入职场上班族,承受加班、职场内耗、社交压力,不愿向亲友传递负能量,需要私密宣泄渠道;
C.美学爱好者:喜欢插画、动态视觉、氛围感创作,无专业绘画基础,想用轻量化方式表达自身情绪,追求审美质感。 -
主要功能:列出 2–3 个核心功能,建议配产品截图或界面展示,让评审一眼看懂。
2. Demo 创作思路
-
灵感来源:当下市面上心理类APP偏工具化、诊疗化,界面生硬、记录流程枯燥,极易加重用户心理压力;普通绘画创作门槛高,普通人无法快速通过艺术抒发情绪。因此打造一款兼具实用疗愈性+视觉艺术性的轻量化情绪疗愈工具,弱化心理咨询的压抑感,强化创作治愈感,让情绪疏导更温和、无负担;
-
想解决的问题:聚焦当代存在内耗焦虑、亟需心理健康疏导、渴求安全情绪出口,同时热爱视觉美学、喜欢可视化创作的Z世代年轻人群体;解决年轻人情绪无处安放、心理记录抵触感强、宣泄方式枯燥低效、负面情绪不断积压的问题;
-
为什么做这个方向:一款轻量化情绪疗愈创作APP,摒弃传统文字日记、情绪打分式心理记录模式,将极简情绪数据输入,自动升维生成动态视觉艺术画面,实现情绪数据→艺术画面实时转化;最大化降低情绪记录的羞耻感与心理负担,弱化刻意打卡感,强化录入即宣泄、创作即治愈的沉浸式体验,做到无感记录、可视化释压。
3. Demo 体验地址(三选一)
-
交互式可体验的HTML格式文件,请使用Zip格式打包上传到社区;
情绪具象化宣泄.zip (27.3 KB)
index.html (141.6 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
1、在TRAE CN中新建文件夹“情绪具象化宣泄应用”,然后在这个文件夹目录新建:index.html
2、打开index.html文件,在左侧对话框中选择智能体;
3、在对话框中输入我的产品构思:把我的想法:不只是文字倾诉,而是将焦虑、愤怒、委屈、悲伤、压抑等无形情绪,通过粒子、流体、涂鸦、破碎、燃烧、水流等动态视觉特效具象化,搭配交互操作完成生理 + 心理双重宣泄,主打低门槛、即时释放、无倾诉压力,面向日常高频情绪内耗人群
4、智能体开始运转分析,在iindex.html页面中完善代码,并还生成了“PRD-情绪具象化宣泄应用.md”、“技术架构-情绪具象化宣泄应用.md”文件
5、在浏览器中打开index.html页面,进行操作交互,发现问题,继续在左侧对话框中输入修改意见,修改后,在编辑器框中该页面顶部会出现对修改结果的选择操作“撤销”、“保留”,选择保留,更新修改后的代码;
6、待智能体提示结束,刷新浏览器中的页面,再次进行查看,发现问题,继续提修改意见,一直如此循环,直至页面达到你想要的效果 -
附开发关键步骤截图(不少于 3 张);

-
附关键任务对话的 Session ID(不少于 3 个):
第一次:2026年7月1日 — 需求提出与初始开发
Session ID: 69aa2b3d5f778c9157bd76d0
第二次:2026年7月2日 — 交互优化
Session ID: 69aa2b3d5f778c9157bd76d0
第三次:2026年7月8日 — 大赛Demo优化 + 多轮UI修复
Session ID: 6a4da946adecba2b0662fdc0证明作品由 TRAE 开发完成。
5. 对应的报名审核通过的帖子链接







