【生活娱乐赛道】情绪急救箱 — 当代年轻人的口袋情绪自救站

[u692027947224970]

0. 先和大家打个招呼吧

你是谁：

一名95后大厂程序员，白天写代码，晚上偶尔emo。不是心理学专业，但深谙深夜两点的心路历程。

你是怎么用 TRAE 把 Demo 做出来的：

整个过程像是在跟一个懂心理学又会写代码的搭档配合。最开始的想法来自一个深夜——加班到凌晨两点，打开手机想找点什么安慰自己，刷了半小时短视频反而更空虚。那一刻我想：如果有个工具，能在你最需要的时候给你一个恰到好处的"情绪急救"，而不是让你无目的地刷手机，该多好？

我把这个想法一句话告诉了 TRAE，它帮我从零搭建了整个前端架构：模块化的 JS/CSS 分层、CSS 变量驱动的主题系统（含深夜模式）、情绪分析引擎、急救方案生成器。

最让我惊喜的是"情绪药方"的设计。我说"需要根据不同情绪给出不同的急救方案"，TRAE 直接帮我设计了一套五维度急救系统——呼吸急救、声音急救、书写急救、对话急救、创作急救，每种都有独立的交互逻辑和视觉风格。原本以为情绪分析+方案匹配是最难搞的部分，结果几轮对话就搭出了框架。

AI 对话模块是我和 TRAE 反复打磨最久的地方。我告诉它"这不是一个冷冰冰的客服机器人，而是一个懂你的人"，它帮我设计了基于豆包大模型的共情对话系统——先倾听、再共情、后建议，每句话控制在 25 字以内，语气温暖但不油腻。还做了安全降级机制：检测到自伤倾向时自动引导至专业援助热线。

呼吸引导动画是最有成就感的一步。我说"要一个能让人看着就平静下来的呼吸圆圈"，TRAE 帮我用纯 CSS 实现了一个渐变呼吸球——吸气时膨胀、屏息时保持、呼气时收缩，配上柔和的色彩过渡，真的有治愈感。

从想法到可运行的 Demo，整个过程用了大约 3 天，TRAE 帮我跨过了情绪分析引擎设计、AI 共情对话调优、呼吸动画实现这些原本以为很难的坎。

1. Demo 简介

是什么： 一个纯前端、零安装、打开浏览器就能用的年轻人情绪急救工具（单 HTML 文件）

面向谁： 中国 4200 万+ 独居青年、78% 存在焦虑情绪的城市年轻人、每一个深夜 emo 过的灵魂

主要功能：

情绪温度计 — 输入或语音说出你现在的感受，AI 在 3 秒内分析你的情绪状态，给出"情绪温度"（从冰点到沸腾的五级量化）

情绪药方 — 根据情绪温度，AI 自动生成个性化"急救方案"：

• 呼吸急救 — 渐变呼吸球引导 4-7-8 呼吸法，60 秒回到平静
• 声音急救 — AI 匹配情绪的环境音（雨声、海浪、篝火、咖啡馆白噪音）
• 书写急救 — AI 引导的情绪日记，从"你现在最想说什么"开始
• 对话急救 — 基于豆包大模型的共情对话，先倾听再共情后建议
• 创作急救 — AI 生成专属"情绪处方笺"，一张可视化的情绪卡片

情绪档案 — 可视化追踪你的情绪变化趋势，发现你的"情绪周期"，识别反复出现的低谷

深夜模式 — 22:00 后自动切换暖色调界面，互动更轻柔，专为深夜脆弱时刻设计

紧急联络 — 检测到高风险情绪时，一键接入全国心理援助热线。宁可多关心，也不能漏掉任何一个危险信号。

2. Demo 创作思路

灵感来源：

这个想法来自一个再普通不过的深夜。加班到凌晨，打开手机想找点安慰，结果刷了半小时短视频，放下手机后反而更空虚。我突然意识到：我们这一代人，手机里有几百个 App，却没有一个能在你最脆弱的时候，给你恰到好处的陪伴。

后来我看到一组数据：78% 的城市青年存在焦虑情绪，73% 有倾诉需求却找不到出口，中国独居青年超 4200 万，情绪经济市场规模已达 2.3 万亿。大家不是不想倾诉，是找不到一个低门槛、不评判、随时在的出口。

想解决的问题：

1. 年轻人想倾诉但怕被评判 → 提供零门槛的 AI 情绪出口，不评判、不传播、不留存
2. 深夜 emo 时无处可去 → 深夜模式 + 即时急救方案，3 秒识别情绪，60 秒给你安慰
3. 情绪问题积攒成心理问题 → 情绪档案追踪，帮助识别情绪周期和预警信号，防患于未然
4. 专业心理服务门槛高 → 纯前端零安装，打开链接就能用，像家里药箱里的创可贴

为什么做这个方向：

市场上不缺心理健康 App，但它们要么太"重"——要注册、要付费、要预约；要么太"轻"——只是放点白噪音、写写日记。情绪急救箱想做的是中间那层：像家里药箱里的创可贴，不是医院，但在你需要的时候，伸手就能拿到。

在"AI 创造力大赛"中，用 AI 解决当代年轻人最普遍的情绪困境，比做一个效率工具更有温度。设计上遵循"先接住情绪，再解决问题"的原则——不急着给建议，先让你被看见。安全设计上遵循"宁可多关心，也不能漏关心"的原则，不采集隐私数据、不申请敏感权限、所有情绪数据仅存本地。

3. Demo 体验地址

已将 index.html 以 Zip 格式打包上传到社区。

使用方法：

1. 下载并解压附件
2. 用 Chrome 或 Edge 浏览器打开 index.html
3. 建议佩戴耳机体验声音急救模块

建议体验路径：

• 输入「今天好累，什么都不想做」→ 体验情绪温度计 + 药方生成
• 点击「呼吸急救」→ 跟着呼吸球做一次 60 秒放松
• 点击「对话急救」→ 和 AI 聊聊今天的事，感受共情对话
• 点击「创作急救」→ 获取你的专属情绪处方笺卡片
• 点击「声音急救」→ 听一段匹配你情绪的环境音
• 顶部切换「深夜模式」→ 体验暖色调界面（或等到22:00自动切换）

4. TRAE 实践过程

开发流程：

1. 需求梳理与架构设计 — 通过对话让 TRAE 理解项目定位（年轻人情绪急救工具），设计了模块化架构：7 个 JS 模块 + 5 个 CSS 模块，情绪分析与急救方案解耦。

2. 情绪分析引擎 — TRAE 帮我设计了基于关键词 + 语义的情绪五维度分析系统（平静 / 低落 / 焦虑 / 愤怒 / 崩溃），输出情绪温度量化值。

3. 急救方案生成 — TRAE 实现了五维度急救模块，每种急救方式有独立的交互逻辑和视觉风格，根据情绪温度自动推荐最优方案。

4. AI 共情对话 — TRAE 搭建了豆包大模型接入层，设计了共情对话系统提示词——先倾听、再共情、后建议，每句不超过 25 字，语气温暖但不油腻。

5. 呼吸引导动画 — TRAE 用纯 CSS 实现了渐变呼吸球动画，吸气膨胀 - 屏息保持 - 呼气收缩，4-7-8 呼吸法引导。

6. 安全降级机制 — 检测到自伤 / 自杀倾向关键词时，自动弹出专业援助热线引导，绝不忽视任何危险信号。

7. 深夜模式与迭代优化 — TRAE 实现了基于 CSS 变量的主题切换，22:00 后自动切换暖色调。增加情绪档案可视化、优化声音急救匹配逻辑、增强对话安全性检测。

关键任务对话 Session ID：

• Session 1：【请双击 TRAE 对话复制 Session ID】— 需求梳理与架构设计
• Session 2：【请双击 TRAE 对话复制 Session ID】— 情绪引擎与急救模块开发
• Session 3：【请双击 TRAE 对话复制 Session ID】— AI 对话接入与安全机制

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

【请填写你报名帖通过审核后的帖子链接】