- Demo 简介
产品形态:Web 单页应用(纯 HTML/CSS/JS,双击即可运行)
面向谁:医生护士、家属护工、养老院工作人员
核心功能:
将正常沟通语言转化为老人能秒懂的指令(基于DeepSeek大模型)
语音播放转化结果,直接读给老人听
15个预设场景快速选择(术前禁食、防跌倒、按时吃药等)
历史记录自动保存,方便回顾复用
支持自定义 API Key
- Demo 创作思路
灵感来源:
我观察到医院里一个非常典型的沟通失败案例——医生术前嘱咐老人"8小时内不要进食,防止麻醉反流",老人转头就偷偷吃了东西。但换一种说法——“吃饭会死!”——老人瞬间就听懂了。
这个现象让我深入研究背后的心理学原理,发现这其实是"损失厌恶 + 具象化思维 + 单通道信息处理 + 权威语气"的综合作用。低认知老年人的思维方式退回到具象阶段,他们不是"不听话",而是真的"听不懂"抽象语言。
所以我想,能不能做一个工具,让家属/医护输入正常的沟通语言,AI自动完成这个"语言转化"过程,把抽象指令变成老人能秒懂的具象指令,再配合语音播放读给老人听。
- Demo 体验地址
纯前端工具,双击 HTML 文件即可在浏览器中打开使用。
点击下方链接下载 Demo 文件:
(上传附件:index.html)
或用浏览器直接体验:将 index.html 文件双击打开即可。
Demo 使用方法:
-
选择一个场景(如"术前禁食")
-
点击「转化为老人听得懂的话」
-
结果出来后点
播放读给老人听 -
TRAE 实践过程
这个项目完全通过 TRAE IDE 的 AI 对话完成开发,从创意构思→需求分析→架构设计→代码实现→测试验证,全部在一个对话流中完成。
开发关键步骤:
步骤 1 - 创意分析与方案设计
先用 TRAE 讨论了这个沟通现象背后的心理学原理(损失厌恶、具象化思维等),确定了产品方向和核心功能。
(截图1:讨论沟通原理和产品方案的对话界面)
Session ID
775572157899435:75c12c9a8d52115b335e46988513dcce_6a320663b2a4d94915703461.6a320664b2a4d94915703464.6a320663b2a4d94915703462:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/17 10:28:52)
步骤 2 - 技术架构设计
TRAE 帮助设计了纯前端单页应用的架构方案,包括 DeepSeek API 集成、Web Speech API 语音合成、localStorage 持久化存储等模块。
(截图2:技术方案讨论对话界面)
步骤 3 - 核心功能编码
通过 TRAE 的 AI 编程能力,一站式完成了全部代码编写,包括:
- 15个场景模板的 UI 和交互逻辑
- DeepSeek API 调用(含错误处理和超时控制)
- 语音播放、一键复制、历史记录
- 设置面板(API Key 配置)
- 响应式适配
(截图3:代码生成和验证的对话界面)
步骤 4 - 功能验证与测试
对全部功能进行了验证测试,16项结构验证全部通过。
(截图4:测试验证结果)
Session ID
775572157899435:f7c8bfcd39bf4fec465fa100ec69a643_6a320663b2a4d94915703461.6a3208b0b2a4d9491570349b.6a3208b0b2a4d94915703499:TRAE Work CN.0.1.19.no_sid.no_ppe.T(2026/6/17 10:38:40)
开发过程中使用的 TRAE 核心能力:
- AI 对话式需求分析
- 全栈代码自动生成
- 代码审查与优化建议
- 实时预览与调试
index.html (32.4 KB)
老人翻译工具.zip (15.3 KB)




