0. 先和大家打个招呼
我是谁：一名对心理学和AI感兴趣的独立开发者。
我是怎么用TRAE把Demo做出来的：整个过程基本上就是"说话"。我脑子里有一个大概的想法——做一个情感分析工具，能帮人看清分手后到底该挽回还是放下。我就把这个想法一句句告诉TRAE，从UI设计到功能实现，从图片识别到大模型接入，每一步都是对话驱动的。最让我惊讶的是图片分析那块——原本以为要把图片识别和问卷生成串起来会特别复杂，结果TRAE几轮对话就帮我搞定了整个链路。还有情感演练场和未来预测模块，我只需要描述"我要什么效果"，TRAE就能帮我从页面结构到交互逻辑全部实现。说实话，如果不是有TRAE，这种涉及AI调用、多页面交互、动态内容生成的项目，我可能想都不敢想。
1. Demo 简介
是什么：一个网页端情感分析与决策辅助工具，帮助分手后的人理性分析感情状况、模拟不同选择的后果。
面向谁：经历分手或感情危机、想看清问题本质但容易被情绪裹挟的年轻用户。
主要功能：
-
AI聊天记录分析：上传与另一半的聊天截图，AI识别图片内容，自动生成个性化情感问卷
-
情感诊断报告：根据问卷回答生成详细报告，包括感情健康度、挽回可能性、双方依恋类型分析
-
情感演练场：基于诊断结果，AI动态生成挽回/放下两条路的分步演练，让用户在做决定之前"先看看路的尽头"
-
情感未来预测：用户输入自己打算采取的具体行动，结合诊断报告和关系现状，AI用大白话推演短期/中期/长期后果，直白告诉用户能不能挽回、错在哪里
2. Demo 创作思路
灵感来源：身边好几个朋友分手后做出了追悔莫及的事——有人跑去对方公司堵人、有人连发几百条消息、有人找遍所有共同朋友。他们不是坏人，只是情绪上头的时候脑子会短路。我当时就想：如果他们能在做这些事之前，先"演练"一下后果，可能就不会那么冲动了。
想解决的问题：分手后的人最缺的不是鸡汤安慰，而是清醒。现有的情感类产品要么是鸡汤文、要么是付费咨询，缺少一个中间层——让用户在冷静状态下，通过结构化的分析和模拟，自己看清问题、自己得出答案。
为什么做这个方向：市面上不缺"恋爱技巧"类内容，但缺一个真正帮人理性决策的工具。我把心理学中的依恋理论、关系分析框架和大模型结合起来，做了一个"先分析、再模拟、最后预测"的完整链路。不是替用户做决定，而是让用户在做决定之前，看清每条路的尽头。
3. Demo 体验地址
（见附件：心动诊疗室.zip，解压后双击HTML文件即可体验。注意：AI深度分析功能需配置大模型API Key，快速体验模式无需配置。）
4. TRAE 实践过程
整个Demo通过TRAE的多轮对话逐步完成，以下是关键开发步骤：
第一步：确定UI风格和基础架构
-
参考了一个已有的HTML页面风格（柔和结构主义设计）
-
向TRAE描述需求，生成包含欢迎页、设置页、上传页等7个视图的单页应用骨架
第二步：接入大模型实现AI分析
-
第一版使用豆包大模型（视觉理解模型），实现图片识别和情感分析
-
后续根据需求切换为DeepSeek API，处理了纯文本模型不支持图片输入的兼容问题
第三步：开发情感演练场
-
将固定的场景选择改为AI驱动的个性化演练，根据诊断报告动态生成挽回/放下的每一步
-
每一步包含具体行动描述、后果分析、情绪代价、确认 checkbox
第四步：新增情感未来预测模块
-
新增5个关键问题收集用户关系现状（当前状态、分手时长、谁提的、做过什么、对方是否还有感情）
-
用户描述具体行动计划后，AI生成包含8大板块的预测报告：直接答案、分手原因分析、问题严重程度、双方过错、行动后果推演、内心真相、具体建议
心动诊疗室.html.zip (37.1 KB)
Session 0217841215396782a4bcff7a815297f0c14dc5136a71ea21c96ca
0217841219886842a4bcff7a815297f0c14dc5136a71ea24d2db3