【生活娱乐赛道】MoodCode 情绪码 --- AI赋能的情绪疏导工具

‍‌

【标签】 生活娱乐
【标题】 通用赛道 — 情绪码 MoodCode


技术栈:Vue 3 + Vite + Vue Router + Pinia + Element Plus + Three.js + cannon-es + GSAP + ECharts + SCSS | Go + Gin + GORM + SQLite/MySQL + Redis + JWT + WebSocket | Python + ONNX Runtime + DirectML(AMD NPU 本地情绪模型)| DOMPurify + AES-256-GCM

开发工具:TRAE IDE & TRAE WORK(全程 TRAE 开发)


一、团队介绍

队长:xlly

准大二学生,计算机相关专业在读。负责作品大部分开发、开发整合。

玩 Vibe Coding 已经一年了,喜欢用 AI 辅助快速原型开发,关注心理健康和人机交互方向。这是我第一次参加 TRAE AI 创造力大赛,全程使用 TRAE IDE/WORK 完成开发。

队员:jack

大二学生,主要负责项目社区板块的开发。对 Web 前端开发有较浓厚的兴趣,擅长 HTML/CSS 静态页面的搭建,注重视觉表现力与用户体验的平衡。在社区板块的开发中,专注于实现独立且贴合产品调性的交互模块,从信息架构到页面细节都尽量做到自主可控。

参赛感受

作为一个 Vibe Coding 老玩家,TRAE 给我带来了全新的体验——相比其他工具,TRAE 在理解上下文和代码生成质量上表现更好,让我能更专注于产品设计而不是底层细节。从初赛 Demo 到复赛完整作品,我经历了从"让想法跑起来"到"让产品好用起来"的完整过程。
作品起源于大学创新创业课,我想出了这个作品,那时候还只是一个PPT,刚好第二天就刷到TRAEAI创造力大赛,经过报名,几天的打磨提交了初赛。进入top2000,没有进top300,靠人气赛道进入的复赛,疯狂打磨作品,希望能顺利完赛。

二、产品简介(复赛版)

2.1 是什么

情绪码 MoodCode 是一个基于 AI 的情绪陪伴与心理健康管理 Web 应用。融合心理学专业模型(PAD 三维度、Russell 圆环、Plutchik 情绪轮)与 AI 情绪分析,为用户提供可视化的情感探索空间——不只是聊天,而是真正帮用户"看懂"自己的情绪。

与初赛 Demo 相比,它不再只是一个"能对话的 AI 聊天窗",而是一个拥有完整情绪分析体系、社区互动、沉浸空间、工具箱、实时调解、数据加密导出的综合性心理健康平台。

2.2 面向谁

  • 需要情绪出口的职场人士 / 学生:工作压力大、学业焦虑、人际关系困扰,需要一个安全、私密的情绪表达空间
  • 关注心理健康的用户:希望更好地理解自己情绪、追踪情绪变化趋势、建立情绪觉察习惯
  • 希望随时获得情绪支持的人群:深夜失眠、情绪低落时,打开就能获得 AI 共情回应和冥想引导,无需等待

典型使用场景

  1. 晚上心情不好 → 打开情绪码对话,输入"今天好累,什么都不想做" → AI 共情回应 → 四路情绪分析实时生成 → 图形化情绪报告卡片 → 跟做一个呼吸放松小任务
  2. 想了解自己最近的情绪状态 → 打开 Dashboard 看情绪日历和趋势图表 → 回顾一周的情绪变化曲线 → 发现规律
  3. 午休时想放松 → 打开沉浸工具 → 选择呼吸练习或冥想引导 → 语音引导 + 背景白噪音
  4. 想记录当下的心情 → 打开工具箱 → 情绪日记 / 写诗机 / 情绪配色 → 生成专属的情绪记录
  5. 想和同频的人聊聊 → 打开社区 → 树洞匿名发帖 / 情绪广场浏览 / 关注感兴趣的用户

2.3 完整功能清单

首页 Dashboard(情绪概览中枢)

情绪码的首页是一个完整的情绪数据看板,用户一登录就能看到自己的情绪全貌:

  • 情绪圆环:可视化展示当前情绪在 Russell 圆环上的位置(愉悦度 × 唤醒度)
  • 情绪统计:今日情绪关键词、本周情绪分布饼图
  • 趋势图表:近 7 天情绪变化折线图,支持按愉悦度/唤醒度/焦虑度查看
  • 快捷入口:一键进入情绪码对话、社区、工具箱、沉浸空间
  • 社区动态:首页展示最新的社区热门帖子
  • 情绪日历:按月查看每日情绪记录,支持点击查看详情
  • 连续签到:每日签到记录,培养情绪记录习惯

情绪码对话(AI 情绪分析核心)

这是产品的核心功能,用户输入自然语言描述情绪,AI 进行多维度分析:

  • AI 对话:支持流式逐字输出,响应速度快,对话体验流畅
  • 多模型切换:用户可在多个 AI 模型提供商之间自由切换(OpenAI 兼容接口)
  • 多路情绪分析:每次对话自动触发四路并行分析:
    • PAD 三维度分析(愉悦度 P、唤醒度 A、支配度 D)
    • Russell 圆环分析(情绪在二维空间中的位置)
    • Plutchik 情绪轮分析(8 种基本情绪的强度评估)
    • CBT 认知偏差检测(识别常见的认知扭曲模式)
  • 情绪报告卡片:分析结果以图形化卡片展示,包含情绪坐标、关键指标、建议
  • 对话历史:完整保存对话记录,支持回溯查看
  • 多模态输入:支持上传图片与文件,图片自动全内容识别(文字/物体/场景/图表/趋势,非仅 OCR 文字)、支持深度解析开关(GLM-4.1V-Thinking-Flash 思维链,失败自动回退免费模型);文件自动解析内容(txt/md/pdf/docx/pptx/xlsx/xls/csv + 扫描件 PDF 转图片识别 + 表格结构保留 + 长文截断保护),AI 直接基于图片/文件内容回复
  • 三层融合识别:云端 LLM + 本地 NPU 情绪模型 + 规则引擎三层融合,AI 不可用时本地模型与规则引擎独立兜底
  • 等待识别再回复:上传图片后自动等待 OCR/解析完成(最长 60s),确保图片内容完整进入文本 AI,不会漏答

情绪分析(快速情绪识别)

独立的情绪分析页面,提供更专注的分析体验:

  • 快速情绪识别:输入文本快速获得情绪标签
  • 情绪追踪:记录每次分析结果,形成长期情绪轨迹
  • 实时情绪轨迹:对话过程中实时追踪情绪变化曲线
  • 多维度分布:从多个维度展示情绪特征

工具系统(12 个工具箱工具 + 10 个沉浸工具)

工具箱(日常情绪管理工具):

  • 情绪罗盘、能量检测、自评量表、呼吸教练、身体扫描
  • 急救箱、情绪配色、晒卡、写诗机、每日三事、触发源日记、决策纠结本

沉浸工具(深度放松与自我探索):

  • 呼吸练习、冥想引导、白噪音、感恩日记、情绪日记、肯定语
  • 情绪画布、释放引导、情绪温度计、情绪日历

沉浸空间(3D 情绪场景编辑器)

基于 Three.js 的 3D 情绪场景编辑器,让用户以视觉化的方式探索情绪:

  • 场景编辑器:添加几何体、调整灯光、设置情绪粒子特效
  • 场景预设:导入导出场景配置,分享给其他用户
  • 情绪粒子:粒子颜色、运动轨迹随情绪参数变化

实时调解(WebSocket 实时引导)

WebSocket 长连接实时呼吸冥想引导:

  • 呼吸练习:图形化引导吸气和呼气节奏
  • 情绪释放引导:跟随引导逐步释放情绪压力
  • 语音识别(ASR):支持语音输入,说出情绪即可分析,支持 FunASR / Whisper / Windows SAPI 多后端切换
  • 语音合成(TTS):冥想引导语音朗读,提供沉浸式体验

社区系统(情绪社交)

完整的社区功能,让用户找到同频的人:

  • 情绪广场:浏览所有公开帖子,按热度/最新排序
  • 树洞匿名分享:匿名发帖,保护隐私
  • 关注/好友系统:关注感兴趣的用户,互相关注成为好友
  • 私信聊天:一对一实时聊天,支持图片、视频、语音消息发送与播放
  • 通知系统:点赞、评论、关注、私信通知
  • 用户主页:查看他人的情绪记录和分享
  • 分享帖子:生成分享链接(HMAC 防枚举)

其他功能模块

  • 历史记录:对话记录搜索、筛选、详情查看、删除
  • 成就系统:进化等级、徽章收集,激励用户坚持情绪记录
  • 个人中心:个人资料、数据加密导出(AES-256-GCM)、分享卡片、主题切换(浅色/深色)
  • AI 模型管理:多模型配置、API Key 管理、模型切换
  • 邮箱/手机验证码认证:注册/登录支持邮箱验证码、手机验证码 + 滑动拼图人机验证
  • AI 人格:专属"情绪码"AI 人格,用户问"你是谁"时智能应答,不消耗 AI 调用
  • 管理后台:用户管理、系统监控、反爬虫、日志审计、反馈管理、社区管理、消息管理、LLM 密钥管理、情绪 API 管理、用户事件追踪、本地情绪模型监控(root 专属:设备 NPU/GPU/CPU、加载状态、推理延迟、样本数、历史曲线、一键训练/设备切换/文本测试)

2.4 安全防护体系

  • JWT 认证:Token 双令牌机制(Access + Refresh),刷新令牌自动续期
  • 反爬虫引擎:5 轮增强(UserAgent 分析 + 蜜罐数据 + 子网聚类 + 行为分析 + 验证码挑战)
  • 验证码:滑块验证码 + 点击验证码,防止自动化攻击
  • API 签名校验:HMAC-SHA256 请求签名验证,防止请求篡改
  • IP 封禁与限流:滑动窗口 + 令牌桶,异常 IP 自动封禁
  • CSP 安全头:Content-Security-Policy 限制资源加载来源
  • XSS 防护:DOMPurify 前端输入净化
  • 数据加密导出:AES-256-GCM 加密 + PBKDF2-HMAC-SHA256 密钥派生

2.5 技术栈

前端:Vue 3 + Vite + Vue Router + Pinia + Element Plus + Three.js + cannon-es + GSAP + ECharts + axios + DOMPurify + SCSS + vue-i18n

后端:Go + Gin + GORM + SQLite/MySQL + Redis + JWT + WebSocket + Logrus

本地 AI 模型:Python + ONNX Runtime + DirectML(AMD NPU 加速)+ TextCNN 情绪分类,云端 LLM + 本地模型 + 规则引擎三层融合识别

多模态识别:GLM-4V-Flash + GLM-4.1V-Thinking-Flash 双模型按需切换(失败自动回退)+ Tesseract OCR 兜底 + PyMuPDF 扫描件 PDF 转图识别 + 表格结构保留 + 长文截断保护

语音:ASR 多后端(FunASR / Whisper / Windows SAPI)+ Edge TTS 33 音色 + 音频缓存 + 流式合成,均随主服务一键连携启动

安全:AES-256-GCM 加密导出、PBKDF2-HMAC-SHA256 密钥派生、反爬虫引擎、API 签名校验、请求限流

架构图略缩图

2.6 视觉风格

  • 主题:大厂白灰风格,默认浅色模式
  • UI:胶囊按钮、大圆角输入框、极淡阴影卡片
  • 色彩:黑白灰为主,情绪多彩点缀
  • 交互:快速过渡、响应式布局(桌面端 + 移动端自适应)

2.7 相比初赛 Demo 的升级

维度 初赛 复赛
首页 Dashboard:情绪圆环、统计、趋势图表、快捷入口
对话 基础单轮对话 多模型切换 + 流式生成 + 对话历史
情绪分析 基础识别 PAD/Russell/Plutchik/CBT 四路并行分析 + 认知偏差检测
情绪轨迹 实时追踪对话情绪变化
多智能体 多维度协作分析(PAD 三维度/Russell 圆环/Plutchik 情绪轮/CBT)
情绪报告 图形化报告卡片
工具系统 工具箱 12 工具 + 沉浸工具 10 工具 + 11 个独立工具页面
社区 情绪广场、树洞、关注/好友系统、私信、通知
3D 空间 Three.js 场景编辑器 + 情绪粒子特效 + 场景预设
实时调解 WebSocket 实时呼吸冥想引导 + ASR + TTS
智能生成 5 个 AI 智能体协作生成(文字/图片/音频/视频脚本/交互代码)
沉浸空间 沉浸模式路由组(3D 情绪空间 + 沉浸冥想)
多模态输入 纯文本对话 图片全内容识别 + 深度解析 + 扫描件 PDF + 表格结构保留 + 长文截断保护
本地 AI 模型 本地 NPU 情绪模型(ONNX + DirectML),三层融合识别,AI 宕机仍可用
私信媒体 纯文本聊天 图片 / 视频 / 语音消息发送与播放
认证方式 密码登录 邮箱 / 手机验证码 + 滑动拼图人机验证
OCR 双模型 GLM-4V-Flash 免费默认 + GLM-4.1V-Thinking-Flash 深度思维链,失败自动回退
语音链路 基础 TTS ASR 多后端连携启动 + Edge TTS 33 音色 + 音频缓存 + 流式播放 + 独立限流
模型监控 root 专属后台:设备状态/延迟/样本数/历史曲线/一键训练
历史记录 对话记录、搜索筛选、详情查看、删除
成就系统 进化等级 + 徽章收集
视觉 基础界面 大厂白灰风格 + 情绪多彩点缀 + 响应式
安全 基础认证 JWT + 反爬虫引擎 + 验证码 + API 签名 + IP 封禁 + CSP 安全头 + DOMPurify XSS 防护 + AES-256-GCM 加密导出
部署 分离部署 前后端一体部署,仅需 .env 配置文件

2.8 产品截图

以下为产品页面截图,展示了核心功能界面。

首页 Dashboard:情绪概览、趋势图表、快捷功能入口


情绪码对话:AI 流式响应 + 多路情绪分析


社区功能:情绪广场、树洞匿名分享


工具中心:情绪工具箱与沉浸工具




个人中心:个人资料、设置、数据导出


多模态对话:图片 / 文件上传识别 + 三层融合分析


私信媒体消息:媒体发送与播放


本地 NPU 模型:本地训练与一键启动



三、产品演示视频

抖音视频链接:https://v.douyin.com/liHK6dYTndk/ 08/30 :7pm q@e.oQ gBt:/
飞书链接:https://my.feishu.cn/file/GNT4bJV1eoFoB0xXaXEcw9Zrn4g 密码:&8147Y67

  1. 首页 Dashboard:情绪概览、趋势图表、快捷功能
  2. 情绪码对话:发送消息 → AI 流式响应 → 图形分析 → 沉浸小任务
  3. 情绪分析:多路情绪识别 + 认知偏差检测
  4. 实时调解:呼吸冥想引导
  5. 社区功能:广场发帖、树洞匿名分享
  6. 历史记录:查看/搜索/删除历史情绪记录

四、产品创作历程

4.1 灵感来源

作品起源于大学创新创业课,我想出了这个作品,那时候还只是一个PPT,刚好第二天就刷到TRAEAI创造力大赛,经过报名,几天的打磨提交了初赛。进入top2000,没有进top300,靠人气赛道进入的复赛,疯狂打磨作品,希望能顺利完赛。

现代社会心理健康问题日益突出,传统心理咨询存在门槛高、周期长、成本大等问题。AI 情绪陪伴产品可以作为"情绪自助工具",帮助用户在需要时获得即时的情绪支持和自我探索引导。

我(xlly)自己是一个情绪比稳定的人,但我发现身边人的情绪非常不稳定,经常在深夜感到困惑和不解。市面上虽然有各种情绪记录 App,但大多只是简单的"今天心情怎么样"打分,缺乏深度的情绪分析和引导。我想做一个不只是"记录",而是真正"理解"情绪的产品——这就是情绪码的起点。

4.2 开发过程

第一阶段:架构设计与初赛 Demo(25 天)

  • 确定 Go + Vue3 前后端分离技术栈
  • 搭建基础项目骨架和中间件链(JWT 认证、CORS、请求日志)
  • 实现核心 AI 对话功能
  • 接入情绪分析模型(PAD 三维度、Russell 圆环、Plutchik 情绪轮)
  • 初赛 Demo 交付:一个能对话、能分析情绪的基础聊天应用

第二阶段:复赛功能完善(22 天)

  • 接入多个 AI 模型,支持流式生成和多模型切换
  • 实现 PAD/Russell/Plutchik/CBT 四路情绪分析,每次对话并行分析
  • 构建完整社区系统:发帖、树洞、关注/好友、私信、通知
  • 实现 3D 情绪空间:Three.js 场景编辑器 + 情绪粒子特效
  • 开发 12 个工具箱工具 + 10 个沉浸工具
  • 构建实时调解系统:WebSocket + ASR 语音识别 + TTS 语音合成
  • 实现智能生成功能:5 个 AI 智能体协作
  • 开发完整管理后台
  • 构建安全防护体系:反爬虫 5 轮增强、API 签名、数据加密导出

第三阶段:复赛冲刺增强(本地化与多模态)

  • 私信媒体消息:图片、视频、语音消息发送与播放
  • 认证增强:邮箱 / 手机验证码 + 滑动拼图人机验证
  • ASR 多后端:FunASR / Whisper / Windows SAPI
  • 本地 AI 情绪模型:ONNX + DirectML 在 AMD NPU 上推理,TextCNN 本地训练与持续学习,支持一键启动 / 一键训练
  • 多模态识别:图片全内容识别(GLM 视觉 + Tesseract 双模型 + 深度解析思维链)、扫描件 PDF 转图识别、多格式文件解析(txt/md/pdf/docx/pptx/xlsx/xls/csv)、表格结构保留、长文截断保护
  • 语音链路完善:FunASR / Whisper / SAPI 多后端随主服务一键连携启动;Edge TTS 33 音色 + 音频缓存 + 流式播放
  • AI 人格:专属"情绪码"人格应答

4.3 遇到的挑战与解决思路

挑战 解决方案
AI 响应不稳定 多模型切换 + 超时降级 + 失败重试机制
前端性能优化 懒加载组件 + 路由级分包 + 预压缩静态资源
移动端适配 响应式布局 + 自适应导航栏(768px 断点切换)
安全防护 多层中间件链(限流 + 反爬虫 + API 签名 + 验证码 + IP 封禁)
社区内容安全 分享链接 HMAC 防枚举 + AI 内容审核 + 敏感词过滤
反爬虫对抗 5 轮增强:UserAgent 分析 + 蜜罐数据 + 子网聚类 + 行为分析 + 验证码挑战

4.4 重要设计决策

  1. Go + Vue3 技术选型:后端 Go 单二进制部署,无需依赖运行时,跨平台编译简单;前端 Vue3 生态成熟,组件化开发效率高,Element Plus 组件库开箱即用
  2. SQLite 主力存储:个人项目无需 MySQL 集群,SQLite 零配置、单文件、跨平台,备份和迁移都很方便
  3. 前后端一体部署:Go 后端直接 serve 前端静态资源,一个 .env 文件即可启动,用户无需配置 Nginx 等反向代理
  4. 多模型动态切换:用户可自由配置多个 AI 模型提供商,支持按用户偏好切换模型,避免单一模型故障影响所有用户
  5. CSP 安全头加固:通过 Content-Security-Policy 限制资源加载来源,防止 XSS 和内容注入攻击

五、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)
本地情绪模型NPU推理与训练 2024654415598313:03b28c780b018544b2b479f03158ce5d_6a7753c26837f9544cdf73fb.6a775b9c6837f9544cdf77e8.6a775b9c6837f9544cdf77e6:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 00:38:52)
对话图片文件识别增强 2024654415598313:ca4dcb3d51faf6cb6607643545c97f8c_6a7780a06837f9544cdf87af.6a7783ca6837f9544cdf89b9.6a7783ca6837f9544cdf89b8:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 03:30:23)
私信语音与媒体消息 2024654415598313:4ff524d64f86660ebb74503542891068_6a7780a06837f9544cdf87af.6a7787a96837f9544cdf8a71.6a7787a96837f9544cdf8a6f:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 03:46:49)
本地模型监控后台页 2024654415598313:7cf3207c32603bc013cf56d0ec8007cf_6a779d8775012605c1716844.6a780af375012605c171701c.6a780af375012605c171701a:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 13:06:59)
图片全内容识别与深度解析 2024654415598313:891eaa6fbb826b72405406c2b6ccc05a_6a7780a06837f9544cdf87af.6a7791fc6837f9544cdf916b.6a7791fb6837f9544cdf9169:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 04:30:52)

.2024654415598313:e98f2bb0501edaa97fd531ea6cc582ba_6a7351985bb904a2881b9ef0.6a73599c5bb904a2881ba3d1.6a73599bf6a1013f3e47a5e9:Trae CN.T(2026/8/5 23:41:16)
.2024654415598313:f7cf4ff997883fe7c8016dd34073c236_6a72e63c58e3d4eca007b0b9.6a73517f5bb904a2881b9ee0.6a73517ff6a1013f3e47a5d9:Trae CN.T(2026/8/5 23:06:39)
2024654415598313:03b28c780b018544b2b479f03158ce5d_6a7753c26837f9544cdf73fb.6a775b9c6837f9544cdf77e8.6a775b9c6837f9544cdf77e6:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 00:38:52)

相关开发截图













二 、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)
debug
410545730096760:8e1ef33d1f684fc0066cb70db03218f5_6a759325d54d320d4a1501ac.6a759325d54d320d4a1501af.6a759325d54d320d4a1501ad:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/7 16:11:17)
410545730096760:7c21dd4d8054c748a2e75dbd9f85f955_6a758745d54d320d4a14fc15.6a758745d54d320d4a14fc18.6a758745d54d320d4a14fc16:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/7 15:20:37)
410545730096760:76b468d79ed500b79d3695bfd3f5a5c6_6a756a2fd54d320d4a14ed21.6a7580bed54d320d4a14f99a.6a7580bdd54d320d4a14f998:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/7 14:52:46)
410545730096760:7335d1517f119bc29507a786dcf96848_6a783eec75012605c1717f9c.6a783eec75012605c1717f9f.6a783eec75012605c1717f9d:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 16:48:44)
410545730096760:a3cd85c64830d0f287043aa7d4813bd8_6a783fc675012605c1718028.6a783fc775012605c171802b.6a783fc675012605c1718029:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/9 16:52:23)
410545730096760:2a732a41a29f7148be3365b5137fb911_6a75fd9cd54d320d4a152409.6a75fd9cd54d320d4a15240c.6a75fd9cd54d320d4a15240a:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/7 23:45:32)
410545730096760:13189a231eda3137b9430e4ec731e5c7_6a7480a6ebc9e560d6eeb3cc.6a74aca9d54d320d4a14cd6b.6a74aca9d54d320d4a14cd69:TraeWork CN.0.1.45.no_sid.no_ppe.T(2026/8/6 23:47:53)




使用感受

TRAE 在项目开发中主要用于:

  1. 架构设计:快速生成项目骨架和目录结构
  2. UI 开发:批量生成 Vue 组件和样式
  3. Bug 修复:定位问题并提供修复方案
  4. 功能实现:直接生成完整功能代码

作为一年 Vibe Coding 玩家,TRAE 在上下文理解和代码质量上表现出色,让我能专注于产品设计而非底层实现。


2 个赞