**【标签】**社会公益
【标题】 社会公益 + 回声
【正文】
我是一名大一学生，专业和编程有一些关系，但一直想用技术做点温暖的东西。
我是怎么用 TRAE 把「回声」做出来的：
说实话，在参加比赛之前，我连一个完整的网页都写不出来。脑子里有「回声」这个想法很久了——用 AI 模仿逝者说话的语气，帮生者安放思念——但一直觉得，这需要找一个程序员搭档才能实现。
这次用 TRAE，我第一次体验到把想法直接翻译成代码的感觉。
最难的地方是让 AI 不只是聊天，而是有疗愈边界——该温和的时候温和，该把人从悲伤里拉出来的时候要能拉。我把这个设计原则一句一句讲给 TRAE：“当用户连续表达悲伤时，不要陪他沉浸，要主动转移话题到当下生活”。TRAE 不仅听懂了这个逻辑，还帮我写进了系统提示词里，变成了能运行的代码。
最惊喜的时刻是信纸保存功能。我随口说了一句“能不能把回信保存成图片，像真的家书一样”，TRAE 就帮我用 Canvas 渲染出了带横线纹理的老式信纸，还能一键下载。那一刻觉得，原来看起来很难的东西，AI 真的能帮你跨过去。
整个过程，我像是产品经理，TRAE 像是全能工程师。我负责说清楚为什么做和做成什么样，它负责一行行代码去实现。我们配合了大概十几个来回，修修改改，把一个想法变成了现在你们看到的「回声」。
1. Demo 简介
是什么：「回声」是一个移动端网页 App，一个基于个人数字遗产的性格化记忆交互装置。
面向谁：经历亲友离世，处于持续性联结阶段的普通人。他们并非病理性患者，只是需要一个安全的过渡空间来安放思念。
主要功能：
种下一颗记忆种子
用户粘贴逝者生前最常说的 10-20 句话，AI 学习其语言风格（口头禅、称呼、语气），而非完整人格。弹窗标题“种下一颗记忆种子”，引导文案为：“请粘贴TA最常对你说的话，10-20句就好。这将成为回响的起点。”
克制的风格回声对话
AI 会明确告知自己是“语言风格助手”。当用户陷入悲伤循环时，AI 不会陪用户沉浸，而是主动转移话题到当下生活。这是与“AI复活”最本质的区别。
给未来的信
点击右上角信封图标，AI 根据近期对话内容生成一封温暖家书，以信纸形式弹出，可保存为高清图片留作纪念。
2. Demo 创作思路
灵感来源：
我们失去亲人后，最难过的往往不是正式告别的那一刻，而是在某个平常的午后，脱口而出一句奶奶我跟你说……，却突然意识到再也听不到那句带着口音的回应了。我想用 AI，温柔地接住这份思念。
想解决的问题：
经历失亲之痛的人，心里攒了太多没来得及说的话，却找不到一个安全、熟悉且不会打扰任何人的出口。他们只能反复翻看旧的聊天记录，或者在正在遗忘的恐惧中独自承受二次伤痛。
为什么做这个方向：
当前市面上出现了不少AI复活亲人的服务，但它们大多追求数字永生，存在严重的伦理风险，用户可能陷入虚假的寄托，无法真正完成告别。「回声」的设计与此完全不同：
不制造数字永生：AI 声明自己只是“记忆的回声”，不做人格冒充
最小数字痕迹：仅需 10-20 句话，不过度收集隐私
主动疗愈引导：检测到悲伤循环时，强制转移话题到当下
本地存储：所有数据仅保存在用户浏览器，不上传服务器
它的定位是心理咨询中的过渡性客体，帮助用户完成情感表达，然后放手。
3. Demo 体验地址
体验方式：我已将 HTML 文件打包为 Zip 格式，作为附件上传至本帖，下载后可直接在浏览器中打开体验。
huisheng.html (48.5 KB)
使用说明：
-
下载附件并解压，用浏览器打开 HTML 文件
-
点击右上角
→ 填入 API Key （如果你要自己配置请额外填入地址和模型）
其实这里用模型都可以，在这里我使用的是智普，相信大家都有配置过，如果没有也没关系，我在最后会教大家怎么去配置并且使用获取智谱 API Key
-
注册/登录，完成实名认证（手机号即可）
-
进入「API Keys」→ 创建新 Key → 复制
2. 在「回声」设置里这样填
字段 填什么 API Key 刚才复制的智谱 Key API 地址 https://open.bigmodel.cn/api/paas/v4/chat/completions模型 glm-4-flash（免费模型，足够用）或glm-4大家在使用途中不要暴露自己的key。你的key会被盗刷，任何人拿到你的 Key 就能随意调用，费用全算你头上。即使一些模型送的是免费额度，恶意调用可能导致你的账号被封禁。不法分子用你的 Key 生成违规内容，责任追溯到你。Key 也是是个人身份凭证，严禁共享。
-
（可选）点击
→ 粘贴记忆文本 → 点击“种下” -
开始对话，输入“#写信”可获取家书，点击
可生成信纸
4. TRAE 实践过程
开发流程概述：
整个「回声」项目由 TRAE 辅助完成，我作为非专业开发者，从零开始搭建了这个完整的交互式网页应用。开发分为四个阶段：
阶段一：搭建界面框架
用 TRAE 生成了移动端风格的 HTML/CSS 页面，包括对话气泡、输入区、设置弹窗等基础 UI。整体风格定为“极简、静谧、有温度”，背景采用暖灰色，对话气泡带毛玻璃效果。
阶段二：接入大模型 + 编写系统提示词
这是最核心的步骤。TRAE 帮我生成了接入 OpenAI 兼容接口的完整代码，并实现了复杂的系统提示词逻辑——包括身份声明、风格模仿、哀伤疗愈引导、#写信 指令等核心功能。所有对话历史存储在浏览器 localStorage，不上传服务器。
阶段三：添加记忆种子 + 回信功能
根据产品设计，TRAE 帮我实现了“种下一颗记忆种子”弹窗和“生成回信”信纸功能。信纸使用 Canvas 技术渲染为高清图片，可保存到本地，具有老式书信的质感纹理。
阶段四：调试与多模型适配
测试过程中发现 OpenAI API 对国内用户有限制，TRAE 协助我完成了对 DeepSeek、智谱 GLM、Kimi 等多个国内大模型服务的适配，最终在智谱 GLM 的免费额度上成功跑通全部功能。
关键任务对话 Session ID：
- Session ID 1：
.2275312129811623:73bd3aa3bdf07e4d4dba07f5b1987ddd_6a264385378f1a5bad7b39c4.6a323c034da6364100b03066.6a323bff6ceb5f9b386c3e28:Trae CN.T(2026/6/17 14:17:39)（生成 UI 界面） - Session ID 2：
.2275312129811623:c6fd450a6b67647803b50b9d54440d6b_6a264385378f1a5bad7b39c4.6a3241ca4da6364100b03591.6a3241c96ceb5f9b386c3e29:Trae CN.T(2026/6/17 14:42:18)（实现 API 调用和系统提示词） - Session ID 3：
.2275312129811623:d0c04a939904f224ec2535c06c6a343a_6a264385378f1a5bad7b39c4.6a3247984da6364100b0391e.6a3247986ceb5f9b386c3e2a:Trae CN.T(2026/6/17 15:07:04)
.2275312129811623:5bbec4718b5057965c1f10294375d281_6a264385378f1a5bad7b39c4.6a3247d34da6364100b0392e.6a3247d36ceb5f9b386c3e2b:Trae CN.T(2026/6/17 15:08:03)（实现记忆种子和信纸功能）
开发心得与踩坑复盘：
最大的感悟是：AI 创造力大赛，比的不是谁的技术更强，而是谁能用 AI 工具，把对这个世界的温柔想法变成现实。
踩过最大的坑是 API 服务商的选择。一开始用 OpenAI，发现被墙；换 DeepSeek，提示余额不足；最后在智谱 GLM 上跑通。这个过程中 TRAE 帮我修改了多次 API 调用的代码逻辑，每次都很快适配。经验是：做 AI 应用，一定要提前考虑目标用户能访问什么服务。
另外，系统提示词写得好不好，决定了产品有没有灵魂。我在 TRAE 的帮助下反复调整了“哀伤疗愈引导”的逻辑，从最初的“安慰用户”升级为“主动拉回当下”，这一个小小的改动，让产品从“可能有害”变成了“真正有用”。
这个项目最打动我的不是技术实现，而是"主动疗愈引导"——当检测到悲伤循环时，AI不陪你沉浸，而是主动转移到当下生活。这与市面上追求"数字永生"的AI复活服务有本质区别，伦理边界清晰，定位是"过渡性客体"而非"替代品"。