【复赛作品说明帖】情绪码 MoodCode
【类别】 TRAE AI 创造力大赛 - 复赛专区
【标签】 生活娱乐
一、团队介绍
情绪码
队长：xlly
准大二学生，计算机相关专业在读。负责作品大部分开发、开发整合。
我玩 Vibe Coding 已经一年了，喜欢用 AI 辅助快速原型开发，关注心理健康和人机交互方向。这是我第一次参加 TRAE AI 创造力大赛，全程使用 TRAE IDE 完成开发。
队友：jack
大家好，我是队员jack，目前是一名大二学生，主要负责项目社区板块的开发。
我对Web前端开发有较浓厚的兴趣，擅长HTML/CSS静态页面的搭建，注重视觉表现力与用户体验的平衡。在社区板块的开发中，我专注于实现独立且贴合产品调性的交互模块，从信息架构到页面细节都尽量做到自主可控，让社区成为整个项目中真正能与用户产生连接的一环。
作为团队的一员，我始终保持主动沟通与持续学习的态度，希望借助这次比赛，把"动手做出来"这件事真正落地，也期待与队友一起把项目打磨得更有温度、更有完成度。
感谢大家，很高兴能参与其中。
我的参赛感受
作为一个 Vibe Coding 老玩家，TRAE 给我带来了全新的体验——相比其他工具，TRAE 在理解上下文和代码生成质量上表现更好，让我能更专注于产品设计而不是底层细节。从初赛 Demo 到复赛完整作品，我经历了从"让想法跑起来"到"让产品好用起来"的完整过程。
二、产品简介（复赛版）
是什么
情绪码 MoodCode Pro 是一个基于 AI 的情绪陪伴与心理健康管理 Web 应用。融合心理学专业模型（PAD 三维度、Russell 圆环、Plutchik 情绪轮）与 AI 情绪分析，为用户提供可视化的情感探索空间。
面向谁
- 需要情绪出口的职场人士 / 学生
- 关注心理健康、希望更好地理解自己情绪的用户
- 希望随时获得情绪支持的人群
完整功能
| 模块 | 功能 |
|---|---|
| 首页 Dashboard | 情绪圆环、情绪统计、趋势图表、快捷入口、社区动态、情绪日历、每日一问 |
| 情绪码对话 | AI 对话、多模型切换、流式生成、多路情绪分析、情绪报告卡片、对话历史 |
| 情绪分析 | 快速情绪识别、情绪追踪、SessionEmotionTrajectory 实时轨迹 |
| 多智能体思考 | PAD 三维度分析、Russell 圆环分析、Plutchik 情绪轮分析、CBT 认知偏差检测 |
| 情绪工具 | 呼吸冥想、情绪检查入、白噪音、情绪日记、决策两难、情绪急救、身体扫描、色彩调色板、情绪诗、触发日记 |
| 实时调解 | 呼吸训练、情绪释放引导、WebSocket 实时协同 |
| AI 模型管理 | 多模型配置、API Key 管理、模型切换 |
| 社区 | 情绪广场、树洞、话题、排行榜、关注/好友、私信、通知、发帖 |
| 3D 情绪空间 | 场景编辑器、几何体添加、灯光调整、情绪粒子特效 |
| 历史记录 | 对话记录、搜索筛选、详情查看、删除 |
| 成就系统 | 进化等级、徽章收集 |
| 个人中心 | 个人资料、数据导出、分享卡片、主题切换 |
| 管理后台 | 用户管理、系统监控、反爬虫、日志、反馈 |
技术栈
前端：Vue 3 + Vite + Vue Router + Pinia + Element Plus + Three.js + cannon-es + GSAP + ECharts + axios + DOMPurify + SCSS
后端：Go + Gin + GORM + SQLite/MySQL + Redis + JWT + WebSocket
数据库：MySQL\SQLite
视觉风格
- 主题：大厂白灰风格
- UI：胶囊按钮、大圆角输入框、极淡阴影卡片
- 色彩：黑白灰为主，情绪多彩点缀
- 交互：快速过渡、响应式布局
相比初赛 Demo 的升级
| 维度 | 初赛 | 复赛 |
|---|---|---|
| 首页 | 无 | Dashboard：情绪圆环、统计、趋势图表、快捷入口 |
| 对话 | 基础单轮对话 | 多模型切换 + 流式生成 + 对话历史 |
| 情绪分析 | 基础识别 | PAD/Russell/Plutchik/CBT 四路并行分析 + 认知偏差检测 |
| 情绪轨迹 | 无 | SessionEmotionTrajectory 实时追踪对话情绪变化 |
| 多智能体 | 无 | MultiAgentThinking 协作思考（PAD三维度/Russell圆环/Plutchik情绪轮/CBT） |
| 情绪报告 | 无 | EmotionReportCard 图形化报告卡片 |
| 工具系统 | 无 | 呼吸冥想、情绪检查入、白噪音、情绪日记、决策两难等10+工具 |
| 社区 | 无 | 情绪广场、树洞、话题、排行榜、关注/好友系统 |
| 3D空间 | 无 | Three.js 场景编辑器 + 情绪粒子特效 |
| 实时调解 | 无 | WebSocket 实时呼吸冥想引导 |
| 历史记录 | 无 | 对话记录、搜索筛选、详情查看、删除 |
| 成就系统 | 无 | 进化等级 + 徽章收集 |
| 视觉 | 基础界面 | 大厂白灰风格 + 情绪多彩点缀 + 响应式 |
| 安全 | 基础认证 | JWT + 反爬虫 + DOMPurify XSS 防护 + AES-256-GCM 加密导出 |
| 部署 | 分离部署 | Go embed 一体化部署，零配置启动 |
三、产品演示视频
飞书链接：https://my.feishu.cn/file/GNT4bJV1eoFoB0xXaXEcw9Zrn4g 密码：&8147Y67
- 首页 Dashboard：情绪概览、趋势图表、快捷功能
- 情绪码对话：发送消息 → AI 流式响应 → 图形分析 → 沉浸小任务
- 情绪分析：多路情绪识别 + 认知偏差检测
- 实时调解：呼吸冥想引导
- 社区功能：广场发帖、树洞匿名分享
- 历史记录：查看/搜索/删除历史情绪记录
四、产品创作历程
灵感来源
现代社会心理健康问题日益突出，传统心理咨询存在门槛高、周期长、成本大等问题。AI 情绪陪伴产品可以作为"情绪自助工具"，帮助用户在需要时获得即时的情绪支持和自我探索引导。
开发过程
第一阶段：架构设计（初赛）
- Go + Vue3 前后端分离架构
- 实现核心对话功能
第二阶段：功能完善（复赛）
- 接入多个 AI 模型，支持流式生成
- 实现 PAD/Russell/Plutchik/CBT 情绪分析
- 构建社区系统
- 实现 3D 情绪空间
- 。。。
遇到的挑战
| 挑战 | 解决方案 |
|---|---|
| AI 响应不稳定 | 多模型切换 + 超时降级 |
| 传输性能优化 | 简约界面 |
| 移动端体验 | 响应式布局 |
五、TRAE 实践过程
一 、xlly开发记录
| 对话主题 | 对话id |
|---|---|
| 优化AI对话界面与Agent | 2024654415598313:e8cf74ad14d1fa2158ff7ac3c74e615e_6a6ecc5d40afe47ea21c1447.6a6ecc5d40afe47ea21c144a.6a6ecc5d40afe47ea21c1448:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/8/2 12:49:33) |
| 开发空间界面与后端数据库 | 2024654415598313:417dbfee5b7a6d00afdb5bcc23aea8df_6a6daa921ece4c4929e2f50c.6a6daa921ece4c4929e2f50f.6a6daa921ece4c4929e2f50d:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/8/1 16:13:06) |
| AI生成功能与agent集成 | 2024654415598313:5b7ee5d7feb125a3ca2bed0f6bcdafac_6a6989be14291b6a05f4b632.6a6989be14291b6a05f4b635.6a6989be14291b6a05f4b633:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/29 13:03:58) |
| 网站色彩优化与图标点缀 | 2024654415598313:da47db3440238fdef0c769e985a7787f_6a699ee314291b6a05f4c16d.6a699ee314291b6a05f4c170.6a699ee314291b6a05f4c16e:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/29 14:34:11) |
| 复赛作品规划 | 2024654415598313:c6d83dcb1a4c051f05bc4d16d210bd72_6a61d8f113ae4223d49f0f7e.6a61d8f213ae4223d49f0f81.6a61d8f113ae4223d49f0f7f:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/23 17:03:46) |
| 导航栏规划 | 2024654415598313:657a526a7d03773513190d73e31b8641_6a609a65e4913cd9f03c99b3.6a616d3103e4b7f8263803bc.6a616d3103e4b7f8263803ba:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/23 09:24:01) |
| 功能整合与冗余清除 | 2024654415598313:703e2a94febf16f3567c8352bef3caf1_6a5f64a9c48dee67f40fb2e3.6a5fa6172f1c317f0a0f00a4.6a5fa6162f1c317f0a0f00a2:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/22 01:02:15) |
| 页面风格重定向 | .2024654415598313:c5217f3d1dd4790374f7f3e8149a243c_6a61d8f113ae4223d49f0f7e.6a63735c13ae4223d49f1186.6a63735c13ae4223d49f1184:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/24 22:14:52) |
| 未登录预览界面设计 | 2024654415598313:cf94f0701448c093e800b3efe3b3d8b2_6a647b4613ae4223d49fe695.6a64a3f813ae4223d4a009c5.6a64a3f813ae4223d4a009c3:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 19:54:32) |
| bug修复 | 2024654415598313:5ea13045c6e816aa8c2fedb02b7ffaf7_6a643ca613ae4223d49faf5f.6a64952113ae4223d49fff3f.6a64952013ae4223d49fff3d:TRAE Work CN.0.1.39.no_sid.no_ppe.T(2026/7/25 18:51:13) |
| agent工作流程设计 | 2024654415598313:8f3c37a4413d17b8abb7d1bfcc47de44_6a688ec922b17e1b49d56f84.6a6b1938722d2473a174a63d.6a6b1938722d2473a174a63b:TRAE Work CN.0.1.41.no_sid.no_ppe.T(2026/7/30 17:28:24) |
| 性能优化 | .2024654415598313:1ca686e048b025d91ed698730307ff6c_6a6b206f72f1437a3d71b0d0.6a6b212472f1437a3d71b1e0.6a6b2124b93ce5672e1e601d:Trae CN.T(2026/7/30 18:02:12) |
| 使用教程设计 | .2024654415598313:2e278118ca336b125c236aaa0ae1c84d_6a6b5ef372f1437a3d71cac2.6a6b5f4972f1437a3d71cb4d.6a6b5f48b93ce5672e1e6026:Trae CN.T(2026/7/30 22:58:36) |
| 数据导入与导出 | 2024654415598313:2d6c83a51a0234baf0e06058731d5f41_6a645d6813ae4223d49fc9ca.6a645d6813ae4223d49fc9cd.6a645d6813ae4223d49fc9cb:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/7/25 14:53:28) |
| 检查 | 2024654415598313:66707d2f3d872bbbfe026cafa9748655_6a704b1dec70e54c7ee345da.6a704b1dec70e54c7ee345dd.6a704b1dec70e54c7ee345db:TRAE Work CN.0.1.43.no_sid.no_ppe.T(2026/8/3 16:02:37) |
相关对话截图
二 、jack相关开发记录
1.社区模块的初开发：
410545730096760:9855bfabe1c42afe385eca4fde443b87_6a6570a5a8657ea4d498ae12.6a6570a6a8657ea4d498ae15.6a6570a5a8657ea4d498ae13:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/26 10:27:50)
410545730096760:3311331712e76f912d06b2d6ad302bc2_6a6570a5a8657ea4d498ae12.6a659bfba8657ea4d498b7a3.6a659bfba8657ea4d498b7a1:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/26 13:32:43)
2. 社区模块的优化
相关id：
410545730096760:5ac9eb4f884a4362978ee5db61b1a92c_6a6570a5a8657ea4d498ae12.6a65e4a2a8657ea4d498bddb.6a65e4a1a8657ea4d498bdd9:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/26 18:42:42)
410545730096760:d282cfdfd4b0ca47de8c869523fbf67e_6a66b2ac4e0cf63a6838c902.6a66b6884e0cf63a6838cb07.6a66b6884e0cf63a6838cb05:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/27 09:38:16)
410545730096760:d282cfdfd4b0ca47de8c869523fbf67e_6a66b2ac4e0cf63a6838c902.6a66b6884e0cf63a6838cb07.6a66b6884e0cf63a6838cb05:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/27 09:38:16)
3.社区模块的AI助手设计：
相关id：
410545730096760:293b0098cb27f49ebe60df18ec533ab7_6a670aad50ada373a3736f93.6a670aae50ada373a3736f96.6a670aad50ada373a3736f94:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/27 15:37:18)
410545730096760:4cbb71cdeb2c14a633473d80edca39f5_6a670aad50ada373a3736f93.6a6717b050ada373a37370eb.6a6717b050ada373a37370e9:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/27 16:32:48)
410545730096760:ad58423bb783833b41c0decfee7d56b3_6a670aad50ada373a3736f93.6a671d4450ada373a373719d.6a671d4450ada373a373719b:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/27 16:56:36)
4. 社区模块的朋友交流功能设计：
相关id：
410545730096760:e9cf0f75daa9c1886da354de7ab6b749_6a695acfce9dad317388ada7.6a6977d6ce9dad317388b2d3.6a6977d6ce9dad317388b2d2:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/29 11:47:57)
410545730096760:b551ae02f14e58250add610a82f01d7b_6a695acfce9dad317388ada7.6a697c11ce9dad317388b42e.6a697c11ce9dad317388b42d:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/29 12:05:40)
410545730096760:46e40ce15e74d0f48a2be0bfdc45b33b_6a695acfce9dad317388ada7.6a697d10ce9dad317388b46b.6a697d10ce9dad317388b469:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/29 12:09:52)
5. 社区模块功能测试与评审
相关id：
410545730096760:e755a86532f274c5a5e5655503a7d4b0_6a6b0db29bc1be637c6b2fa8.6a6b0db39bc1be637c6b2fab.6a6b0db29bc1be637c6b2fa9:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/30 16:39:15)
410545730096760:fc8353850afbccca95f7503c674d7f89_6a6b0db29bc1be637c6b2fa8.6a6b11299bc1be637c6b31e0.6a6b11299bc1be637c6b31de:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/30 16:54:01)
410545730096760:2c0e42045656c603d7398941b774cbfd_6a6b0db29bc1be637c6b2fa8.6a6b17619bc1be637c6b337f.6a6b17619bc1be637c6b337d:TRAE Work CN.0.1.40.no_sid.no_ppe.T(2026/7/30 17:20:33)
使用感受
TRAE 在项目开发中主要用于：
- 架构设计：快速生成项目骨架和目录结构
- UI 开发：批量生成 Vue 组件和样式
- Bug 修复：定位问题并提供修复方案
- 功能实现：直接生成完整功能代码
作为一年 Vibe Coding 玩家，TRAE 在上下文理解和代码质量上表现出色，让我能专注于产品设计而非底层实现。
本文档为复赛作品说明帖，公开展示版本。作品本体将通过飞书问卷私密提交。