大家好，我是一名计算机专业学生，本次是我独立借助 TRAE 完成小程序 Demo 开发，也是第一次完整落地 AI 交互类产品。
一、与 TRAE 配合开发全过程
-
需求拆解阶段
我先把脑海里「模拟不同 MBTI 人格对话、解决人际沟通矛盾」的完整想法，拆分成短句逐条输入 TRAE：先说明产品定位是面向年轻人的 MBTI 沉浸式对话小程序，再依次描述 4 大核心板块、16 型人格 + 男女表达模型、双人对线、报告、课堂等细分需求，让 AI 先输出完整产品框架。
-
原型 & 界面产出
原本我对前端页面布局、交互逻辑实现没有十足把握，仅靠文字描述就能让 TRAE 生成首页、对话页、人格选择页等高保真界面逻辑，不用手动从零搭建页面结构，这一步让我觉得 “AI 做产品原型居然这么简单”。
-
AI 对话逻辑难点攻克
最大卡点是如何实现区分男女表达倾向的 32 套人格模型、双人双人格实时对抗对话、自动生成沟通分析报告，这套多角色人格大模型交互逻辑原本我很难独立梳理，TRAE 直接帮我完成人格人设设定、对话触发规则、报告算法逻辑，跨过了最核心的技术门槛。
-
辅助内容批量生成
人格小课堂文章、各类场景剧本（情侣争吵 / 职场协作 / 家庭沟通）全部由 TRAE 批量产出，省去大量文案撰写工作，大幅压缩开发周期。
整体感受：即便没有深厚全栈开发背景，只要清晰讲清产品目标、用户场景、交互需求，TRAE 就能分层拆解、分步落地，从产品设计、界面逻辑、AI 交互规则到配套文案一站式支撑，大幅降低独立开发 AI 小程序的门槛。
1. Demo 简介
1.1 产品定位
一款主打沉浸式 MBTI 模拟对话的微信小程序，搭载 32 套人格模型（16 种标准 MBTI 人格 + 分男 / 女双表达倾向），通过模拟真实人际沟通场景，帮助用户直观理解不同人格的思维、说话差异，学习高效沟通方式，兼具心理科普、情感社交、职场沟通练习属性。
小程序首页
1.2 核心目标用户
16-30 岁年轻群体，以在校学生、初入职场新人为主；覆盖喜欢 MBTI 测试、热衷心理科普、有情感交友、职场沟通、家庭人际相处需求的用户。
1.3 四大核心功能模块
（1）自由对话：单人模拟人格聊天
选择人格模型
单人对话聊天页
-
支持选择全部 16 种 MBTI 人格，每种人格区分男性 / 女性两套表达模型，共 32 套人设；
-
用户自定义沟通场景，和选定人格 AI 自由聊天；
-
对话结束可一键生成沟通分析报告，获取适配该人格的沟通优化建议。
（2）人格对线：双人格冲突模拟
双人对线选择页
对线对话+系统解读
-
自定义左右双方人格，可分别设置性别表达倾向；
-
内置 6 大类真实沟通场景：情侣争吵、职场协作、朋友争论、家庭沟通、决策辩论、道歉挽回；
-
一键生成完整双人对话，AI 自动输出系统解读：拆解两种人格思维差异、冲突根源、矛盾点；
-
适合复盘吵架、预判人际矛盾，提前学习化解方式。
（3）人格小课堂：MBTI 沟通科普知识库
小课堂首页
课堂详情内容
-
内容分类：职场、情感、社交、心理四大类目；
-
基于真实沟通案例产出干货文章，针对单一人格给出专属沟通技巧（如和 ESTJ 领导汇报、INFP 恋爱相处指南）；
-
轻量化图文科普，碎片化学习人格相处知识。
（4）分析报告：个性化沟通诊断
沟通分析报告页
-
基于完整对话记录生成量化沟通契合度评分；
-
三大板块输出建议：
① 核心沟通偏好：目标人格的思维、表达底层习惯；
② 避坑指南：沟通中容易踩雷、引发对方反感的行为；
③ 建立信任方法：适配该人格的相处、沟通策略；
-
支持任意 16 型人格切换查看对应分析。
1.4 热门剧本辅助功能
首页内置现成低成本预沟通剧本，包含恋爱、职场高频场景（INFP×ESTI 恋爱回复、ISFJ 新人职场拒绝话术等），用户可直接点开快速模拟对话，无需手动搭建场景。
2. Demo 创作思路
2.1 创作灵感
日常生活中，情侣、同事、家人之间频繁因性格、思维模式差异产生误会；市面上现有 MBTI 产品仅停留在图文测评、标签科普，用户只能 “看懂文字”，无法切身感受不同人格的说话逻辑、情绪反应，缺少实操练习渠道，因此设计这款可沉浸式模拟对话的小程序。
2.2 用户现存痛点
-
传统 MBTI 图文测评只能记住人格标签，无法直观感受不同人格真实沟通模式，遇到矛盾依旧不会换位思考；
-
缺少低成本、即时可用的模拟沟通工具，想练习职场汇报、情侣和解、家庭沟通没有场景化载体；
-
人格科普内容碎片化，缺少和真实对话绑定的落地沟通技巧，理论无法落地。
2.3 赛道方向选择理由
-
用户需求刚需：年轻人 MBTI 认知普及度高，情感、职场人际沟通是长期高频需求；
-
差异化优势：区别于纯测评、纯图文科普类产品，以「AI 模拟对话」为核心交互形式，沉浸式体验是核心竞争力；
-
轻量化落地：依托微信小程序，无需下载，打开即用，门槛低；
-
拓展空间充足：可持续新增场景剧本、扩充人格科普内容、拓展多人对线功能。
3. Demo 体验
运行我的附件文件的程序进行体验，由于文件太大，目前只上传了html文件，前后端完整架构的暂时无法上传。
4. TRAE 完整实践开发流程
-
需求输入与产品框架搭建
744802410565756:00830f2ddb272dafdca0aed6bffde650_6a4e2c46bdef63ecf752e2ab.6a4e2c49bdef63ecf752e2ae.6a4e2c47bdef63ecf752e2ac:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 18:54:01)
向 TRAE 完整描述产品定位、目标用户、四大核心功能，输出完整产品功能清单、页面结构规划，确定首页、对话、对线、课堂、报告五大底部导航布局。
-
人格模型人设构建
告知 TRAE16 型 MBTI 核心特质，要求区分男女不同表达倾向，生成 32 套完整 AI 对话人设、语气、核心诉求、行为逻辑，搭建人格底层数据库。
-
交互页面逻辑开发，选择代码框架
744802410565756:08e9f3c05c56c18c3b85467face48173_6a4e2c46bdef63ecf752e2ab.6a50c5bfaf6d842b39a202b0.6a50c5bfaf6d842b39a202ae:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/10 18:13:19)
-
对话 & 报告 AI 逻辑开发
744802410565756:98b927d6d5d464050cd8fa4662696796_6a50c9c5af6d842b39a20570.6a55e619af6d842b39a206bf.6a55e618af6d842b39a206bd:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/14 15:32:41)
让 TRAE 搭建对话生成规则：单人自由对话应答逻辑、双人对线冲突对话生成逻辑；设计沟通报告评分维度、优化建议生成模板。
-
配套内容批量生成
744802410565756:c0650b6e4baf2fc892ed8fdd11ff4b0a_6a50c9c5af6d842b39a20570.6a5608c1af6d842b39a20985.6a5608c1af6d842b39a20983:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/14 18:00:33)
批量产出人格小课堂科普文章、热门场景剧本（职场、恋爱、家庭）、各人格沟通避坑指南。
-
调试与优化
针对人格对话语气生硬、报告建议笼统等问题，多次向 TRAE 下达优化指令，调整人设表达、细化分析维度，完成 Demo 最终调试。
5. 报名帖子
- 报名审核帖子链接：https://forum.trae.cn/t/topic/94700
mbti-dialogue-lab.zip (83.8 KB)