1. Demo 简介
是什么：「心迹」是一个面向青少年的情绪复盘陪伴 App（Demo 为可直接体验的单页网页）。它不帮你"记下来"，而是用温柔的提问，陪你把当下模糊的情绪，一步步沉淀成一句"我从这件事里，看懂了自己什么"——不是记录，而是想明白。
面向谁：12–18 岁、有学业与人际压力、情绪起伏却缺乏倾诉与梳理出口的青少年。他们往往也没有"用 AI 帮自己想明白"的能力——不熟悉怎么提问才能被好好引导（提示词工程），也很难靠自己把一次次零散的对话，攒成对自己的长期理解（长期记忆 / 上下文管理）。而这，本就不该成为门槛。
主要功能：
① 结晶对话（核心体验） 一套六阶段的提问引擎（接住 → 定位 → 戳点 → 松动 → 结晶 → 收）下沉进产品，陪用户把一句"我好烦"走到一句自己说出口的、对自己的理解。结晶是用户原话打磨后的一句话，不是 AI 替你填的总结卡片。 【配图：一段对话从"烦"走到结晶那一句的截图】
② 成长时间线 每一句想明白的话都存成一颗"结晶"，汇成一条可视化时间线；点开任意一颗，能回看当时那整段对话。结晶还会作为上下文带进后续对话，让心迹"记得你"，几周后你能亲眼看见自己的情绪模式在变。 【配图：时间线 + 点开某颗结晶回看的截图】
③ 会问，也懂退场（反依赖 + 安全设计） 它用温柔的每日节奏陪你养成反思习惯，但原则是"陪你长到不再需要我"，绝不黏人；不诊断、不贴标签，一旦识别到自伤或强烈绝望信号，立刻停下提问、引导找信任的大人或拨打全国心理援助热线 12356（紧急 110/120）。求助资源平时低调收着，只在识别到危机时才弹出。 【配图：求助资源弹层，或设置页 key 切换那一屏】
本期 Demo 聚焦验证最核心的体验——结晶对话与成长时间线，所以做了一个有意识的收窄：数据采用浏览器本地存储，完整跑通"对话 → 结晶 → 时间线回看"这条主链路，暂未引入账号体系（同一浏览器内不区分多用户）。先把"想明白"这件事本身做扎实，再往外扩。
2. Demo 创作思路
灵感来源：我自己有个习惯——每天用 AI + Obsidian 把经历和感受写下来，再靠提问把它想明白，这套"陪自己想明白"的方法真实地让我更稳、更认识自己。我想把它做成一个青少年也能用的伙伴，于是有了心迹。
想解决的问题：很多青少年不是不愿意面对情绪，而是不知道怎么面对——一句"今天好烦"发完就过去了，烦从哪来、说明自己在意什么，从没人陪着想明白。现有工具要么是记完就完的情绪打卡（停在发泄），要么是越聊越上瘾的陪聊 bot（制造依赖），都没真正帮人更懂自己。青少年心理需求又真实且巨大（中国抑郁患者超 9500 万、治疗率不足 10%），这中间是个空位。
为什么做这个方向（我的判断与取舍）：
-
不做陪聊、不做虚拟伴侣，反过来做反依赖。这正好踩在监管的正确一边：《人工智能拟人化互动服务管理暂行办法》将于 2026-07-15 施行，明确禁止向未成年人提供虚拟伴侣、禁止诱导情感依赖。一句话定位——心迹是陪聊 bot 退场后、监管真正允许的青少年复盘工具。
-
不做临床、不做诊断，只定位日常的自我理解，危机时转介给能真正帮上忙的人。
-
把"提问的功夫"和"长期记忆"都下沉进产品。青少年既不具备提示词工程能力、也难以自己维护跨时间的反思上下文——所以心迹替他们把方法和记忆都内建好：不必会反思，结构会自然发生在 ta 身上；不必会管理记忆，时间线替 ta 记得。这正是它"是个产品"而不是"一句提示词"的关键。
-
综合起来，"青少年专属 + 中文 + 非临床 + 用户自驱 + 反依赖"这个位置，目前没有竞品占着。
3. Demo 体验地址
心迹.zip (32.6 KB)
- TRAE实践过程
整体流程
心迹的开发分两个阶段。第一阶段是"想清楚再动手":我先在对话里把产品的两个核心——驱动整个体验的"提问引擎"(接住→定位→戳点→松动→结晶→收 的六阶段对话流程),和聚焦的"MVP 三功能"(结晶对话 / 成长时间线 / 每日轻触发)——定义清楚,形成可执行的规格。
第二阶段才进 TRAE 建造。我把报名时的创意提案和那份创意文案 HTML 交给 TRAE(用过直接上传、拖文件、@文件引用、以及把内容贴进对话框几种方式),让它据此先生成一个初始 Demo——TRAE 整页 HTML 一次生成的能力,让我很快拿到一个能看、能跑的雏形,再配合自动运行预览,边改边看效果。
此后是一轮轮的对话式迭代:我打开预览发现问题,就直接用自然语言告诉 TRAE 哪里不对、要改成什么,由它修改,我再验证。整个产品就是这样从初始 Demo 一步步长成现在的样子——核心对话、成长时间线、求助入口、默认 API 接入与优雅降级、水墨视觉,都是在这个"发现问题→对话修正→再预览"的循环里逐步打磨出来的
关键步骤：
1. 在 TRAE Work 模式上传《心迹_系统提示词.md》和《心迹_MVP需求.md》两份文件作为唯一依据,要求它先复述建造计划、我确认后再整页生成可运行的初始 Demo。
3599136233401945:a7b0bf98b22fd2188b2f415b39a8cc6b_6a36242c8253d8043f63eaa5.6a37668c7048799f406dbe78.6a37668c7048799f406dbe76:TRAE Work CN.0.1.21.no_sid.no_ppe.T(2026/6/21 12:20:28)
- 配置好自己的 DeepSeek API 后,让 TRAE 实跑测试,验证对话能完整走完"开场 → 接住 → 定位 →…→ 结晶 → 收"六个阶段。
3599136233401945:2e1b2ed548492c6cc7c54951fd81412f_6a36242c8253d8043f63eaa5.6a376e537048799f406dbf0c.6a376e537048799f406dbf0a:TRAE Work CN.0.1.21.no_sid.no_ppe.T(2026/6/21 12:53:39)
3. 用一条指令让 TRAE 一次性修复四处问题:把危机识别从"猜模型措辞"改为"模型输出 <求助/> 标记 + 扫描用户输入"的双信号、让隐藏的结晶标记不再漏出代码围栏、给 API 密钥框打码、把设置示例改成 DeepSeek,并要求它改完自测"正常 / 危机"两条用例。
3599136233401945:d9184cc4ddb27cbac1a82afd0897f9e9_6a36242c8253d8043f63eaa5.6a377cfe7048799f406dbf7a.6a377cfe7048799f406dbf78:TRAE Work CN.0.1.21.no_sid.no_ppe.T(2026/6/21 13:56:14)
- 切到 TRAE Code 模式继续迭代,一次性新增三项功能:默认 API + 可切换 + 优雅降级、点击结晶卡片回看当时整段对话、把"迹"的头像换成水墨"一笔"SVG;Code 模式下 TRAE 自动建了图片压缩、自检、测试等多个辅助脚本并跑通验证。
3599136233401945:a216f1792d4cefce6f11858ef02dc69a_6a37815f7048799f406dc018.6a378d107048799f406dc02e.6a378d0f7048799f406dc02c:TRAE Work CN.0.1.21.no_sid.no_ppe.T(2026/6/21 15:04:48)
- 最后做了一次体验优化:让 TRAE 删掉底部常驻的求助横幅、改为顶部一个低调的"需要帮助"入口(点开可见 12356 等求助方式),同时保留危机识别分支,语法检查通过。
3599136233401945:7d50aceaa2d9d530927acae0dd4eb673_6a37815f7048799f406dc018.6a37c1389246c77d2d342c04.6a37c1389246c77d2d342c02:TRAE Work CN.0.1.21.no_sid.no_ppe.T(2026/6/21 18:47:20)
踩过的坑与解决
-
结晶块漏给用户看:模型每次会在回复末尾输出一段隐藏的
<结晶>{...}</结晶>供应用存档,本该对用户不可见。但一开始它会连同外层的 ``` 代码围栏一起漏到聊天气泡里。解决:解析时用容错正则提取结晶、从展示文本里剥掉标记和残留的代码围栏,并加了"剥完若为空就不渲染气泡"的护栏。 -
危机识别不可靠:最初的判断是去扫描"模型回复里有没有出现某些安慰措辞",但模型换个说法就识别失败。解决:改成双信号——让模型进入安全流程时主动输出隐藏标记
<求助/>,应用只认这个明确标记,同时对用户输入再扫一遍高危关键词兜底,把"猜措辞"换成了"看明确信号"。 -
API key 的体验与降级:既要让评委打开即用,又要允许换成自己的 API。解决:内置默认配置、用户填了就覆盖;并加了优雅降级——任何一次调用失败(失效/额度/网络)都不甩原始报错、不崩,而是在对话里给一句温和提示并引导去设置里换 API。
-
常驻危机提示太抢眼:最初把求助资源做成了底部常驻横幅,正常聊天时它太显眼、像急救提示,破坏了产品该有的安静感。解决:收成顶部一个低调的"需要帮助"入口,需要时一键查看求助方式,兼顾了安静的体验和资源的可达。
5. 下一步规划
在核心体验验证扎实之后，心迹接下来会沿这条路往外扩——每一步都把青少年数据的安全放在前面：
-
账号体系与多设备同步：引入轻量账号，让成长时间线能跨设备延续，而不只活在一个浏览器里。
-
云端同步与数据加密：在用户明确授权的前提下做端到端/传输加密的云端备份，本地优先、云端为辅，"数据归用户"的原则不变。
-
青少年数据合规：对接监护人知情同意、未成年人数据保护等合规要求，把安全与隐私做成可被信任的机制，而不只是承诺。
反依赖、不做虚拟伴侣、危机转介这些安全设计是从第一天就内建的；账号与云端这些能力，则会在守得住隐私的前提下逐步补齐。
把核心体验做得更深:
-
让"迹"学会主动回看:现在过去的结晶只是默默作为参考;下一步让"迹"在贴切的时机、克制地把你几周前为类似的事留下的那句话翻出来——“上次你也这么想,现在它还成立吗?”——让成长时间线从一份存档,变成一面能照见自己变化的镜子。
-
提问随这个孩子慢慢调整:让提问的方式逐渐认得这一个孩子反复在意、反复卡住的地方,问得更贴他、也更省力——同一套方法,越用越懂你。
-
温柔的成长回望:等结晶多起来,提供一份定期的、温柔的回望——不是冷冰冰的情绪统计图表,而是像"这段时间你最常停在’怕让人失望’上,但你给自己的话,正在慢慢松动"这样的一段话。把数据沉淀成理解,而不是变成打分。
让更多孩子用得上、也更安全:
-
更低门槛的倾诉:加入语音/口述输入,让一天结束只想说几句、不想打字的孩子也能用;并做成微信小程序等更贴近青少年的形态。
-
危机识别与转介的持续加固:把危机识别做得更可靠,并在用户愿意时,提供一条经过核实的、通往专业帮助或信任之人的桥——始终是"把你递到对的人手上",而不替代专业帮助。