Domain English AI 行业专业英语学习助手

TRAE AI 创造力大赛 【大赛初赛专区】
1

〖学习工作赛道〗Domain English AI｜行业专业英语学习助手 Demo

一、Demo 简介

Demo 名称：Domain English AI｜行业专业英语学习助手

Domain English AI 是一个面向职场人和专业学习者的 AI 专业英语学习 Demo。它可以根据用户选择的专业领域、岗位方向和学习目标，把普通翻译软件导出的 XML 单词本，转换成结合行业语境的专业英语学习卡片，并提供专业阅读训练、工作沟通训练、英文邮件训练和间隔复习。

本次 Demo 以“汽车电子 / 嵌入式”作为重点展示领域，同时预留外贸 / 跨境电商、法律 / 合同、金融 / 财务、软件开发 / IT、半导体 / 芯片等更多行业扩展方向。

核心用户包括：

  1. 汽车电子嵌入式软件工程师；

  2. MCU / AUTOSAR / BMS / ECU 相关工程师；

  3. 半导体、软件开发、机械制造等技术人员；

  4. 外贸、法律、金融、医疗、科研等需要阅读英文专业资料和英文沟通的职场人。

Demo 主要功能包括：

  1. 专业领域选择
    用户可以选择汽车电子 / 嵌入式、外贸 / 跨境电商、法律 / 合同、金融 / 财务等不同专业领域。系统会根据领域切换专业词义解释。

  2. XML 单词本导入
    支持上传 XML 单词本，也可以使用内置示例 XML 单词本快速体验。

  3. AI 专业词卡
    系统会把普通单词转换为专业英语词卡，包含普通释义、专业释义、行业例句、工作口语表达、易混淆点和掌握程度。

  4. 专业阅读训练
    用户可以粘贴英文技术文档，系统模拟 AI 拆解句子结构、提取重点术语，并给出中文工程理解提示。

  5. 工作沟通和邮件训练
    提供向 FAE 询问芯片配置问题、向客户解释 bug、英文会议汇报、生成英文邮件等场景训练。

  6. 间隔复习和学习进度
    用户可以标记单词掌握程度，系统会统计已导入单词数、已生成词卡数、掌握率、今日待复习等学习数据。

二、Demo 创作思路

这个创意来源于我自己的真实工作场景。

我是一名汽车电子嵌入式软件工程师，工作中经常需要阅读英文芯片手册、工具链内部使用文档、配置文档，也可能需要和国外客户、芯片原厂 FAE 或海外团队进行英文沟通。平时我会使用网易有道翻译等工具，把不认识的单词加入收藏，形成自己的单词本。

但是普通单词本存在一个明显问题：它通常只显示通用释义，无法结合我的专业领域解释单词。

例如：

register 在普通英语中可能表示“注册、登记”，但在芯片手册和 MCU 开发中通常表示“寄存器”；

volatile 在普通英语中表示“易变的、不稳定的”，但在嵌入式 C 语言中通常和 volatile 关键字、硬件寄存器访问、中断变量有关；

fault 在普通英语中表示“错误、过失”，但在汽车电子中经常表示“故障”或“诊断故障”；

claim 在普通英语中表示“声称、要求”，但在外贸、法律、金融等领域里又可能分别表示“索赔、权利主张、理赔”等不同专业含义。

所以我希望做一个不只是“查单词”的工具，而是一个可以根据专业领域解释英语、结合工作文档训练阅读、结合真实沟通场景训练表达的 AI 专业英语学习平台。

本次 Demo 的取舍是：不追求完整后台和真实 AI API，而是先完成一个可交互、能体验核心价值的前端 Demo。Demo 通过前端模拟 AI 生成逻辑，让评委可以完整体验：

选择专业领域 → 导入 XML 单词本 → 生成专业词卡 → 阅读训练 → 工作沟通训练 → 邮件训练 → 复习进度统计

后续如果继续完善，可以接入真实大模型 API、企业术语库、团队词库、浏览器划词插件、语音口语训练和 Anki 卡片导出等功能。

三、Demo 体验地址 / 附件

体验方式：HTML Zip 文件上传社区

我已将 Demo 打包为 Zip 文件上传到本帖附件中，解压后双击 index.html 即可体验。

建议体验流程：

  1. 打开 index.html；

  2. 在首页点击“开始体验”；

  3. 选择“汽车电子 / 嵌入式”专业领域；

  4. 选择岗位，例如“MCU 软件工程师”；

  5. 选择学习目标，例如“看懂英文技术文档、提升专业词汇、提升客户沟通能力”；

  6. 点击“使用示例 XML 单词本”；

  7. 点击“开始 AI 专业增强”；

  8. 查看 register、volatile、watchdog、fault 等专业词卡；

  9. 在词卡中切换“普通释义 / 专业释义 / 行业例句 / 工作口语 / 易混淆点”；

  10. 在专业阅读训练区点击“AI 拆解专业文档”；

  11. 在工作沟通训练区选择“向 FAE 询问芯片配置问题”；

  12. 在英文邮件训练区生成英文邮件；

  13. 点击单词掌握程度，查看复习进度变化。

四、TRAE 实践过程

本 Demo 使用 TRAE Work 分阶段完成开发，整体采用“三轮提示词 + 分阶段迭代”的方式推进。

第一阶段：页面框架和产品展示

目标是先搭建完整产品页面，包括首页、痛点说明、产品流程、专业领域选择、岗位选择和学习目标选择。

在这个阶段，我让 TRAE Work 完成了：

  1. 单文件 HTML 页面框架；

  2. 科技感 SaaS 风格 UI；

  3. 顶部导航栏；

  4. 首页 Hero 区；

  5. 用户痛点区；

  6. 专业领域选择区；

  7. 岗位和学习目标选择；

  8. 当前学习画像展示。

第一阶段 Session ID：

749230835376012:5de3044b098753fd2ca45a1804296835_6a4cb7d4e8add8f2a3d34541.6a4cc087e8add8f2a3d345be.6a4cc087e8add8f2a3d345bc:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 17:01:59)

截图：

image
image1889×1306 165 KB

第二阶段：XML 导入和 AI 专业词卡

目标是实现 Demo 的核心功能：导入单词本并生成行业专业词卡。

在这个阶段，我让 TRAE Work 完成了：

  1. XML 文件上传入口；

  2. 内置示例 XML 单词本；

  3. FileReader + DOMParser 解析 XML；

  4. 示例词汇加载；

  5. AI 专业增强模拟逻辑；

  6. 专业词卡生成；

  7. 普通释义 / 专业释义 / 行业例句 / 工作口语 / 易混淆点 Tab 切换；

  8. 掌握程度按钮；

  9. localStorage 保存学习记录；

  10. 复习进度初步统计。

第二阶段 Session ID：

749230835376012:33708c4ffe4ab1f0ac524376676d557e_6a4cb7d4e8add8f2a3d34541.6a4cc694e8add8f2a3d3460e.6a4cc693e8add8f2a3d3460c:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 17:27:48)

截图：

image
image1878×1303 201 KB

第三阶段：阅读训练、沟通训练、邮件训练和自测优化

目标是补齐完整体验链路，让 Demo 不只停留在单词解释，而是覆盖专业阅读、工作沟通和复习闭环。

在这个阶段，我让 TRAE Work 完成了：

  1. 专业阅读训练区；

  2. 英文技术文档拆句；

  3. 重点术语提取；

  4. 工程理解提示；

  5. 工作沟通训练区；

  6. FAE 沟通、客户解释 bug、英文会议汇报等场景；

  7. 英文邮件生成区；

  8. 复习进度仪表盘；

  9. Demo 体验流程说明；

  10. 初赛 Demo 说明；

  11. 移动端适配；

  12. localStorage 数据恢复；

  13. 最终交互自测。

第三阶段 Session ID：

749230835376012:d6a3d64c0bcab46ade88e44e3c9ff08d_6a4cb7d4e8add8f2a3d34541.6a4cd06fe8add8f2a3d346d1.6a4cd06ee8add8f2a3d346cf:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 18:09:51)

建议截图：

image
image1858×1327 191 KB

五、Demo 亮点

  1. 真实场景明确
    这个作品来源于汽车电子嵌入式工程师真实工作场景，解决的是专业英语学习和工作沟通中的实际问题。

  2. 不只是翻译，而是专业语境学习
    普通翻译软件只给通用释义，而 Domain English AI 会根据行业领域生成专业释义、行业例句和工作表达。

  3. 支持多行业扩展
    当前 Demo 重点展示汽车电子 / 嵌入式领域，但产品结构支持扩展到外贸、法律、金融、医疗、科研、软件开发等更多领域。

  4. 有完整体验闭环
    Demo 不只是展示页面，而是能完整体验：领域选择、单词本导入、AI 专业词卡、阅读训练、沟通训练、邮件训练和复习进度。

  5. 适合后续继续开发
    后续可以接入真实大模型 API，实现真正的 AI 专业释义生成；也可以扩展企业术语库、团队词库、浏览器划词插件、语音口语训练、Anki 卡片导出等功能。

六、开发心得

这次使用 TRAE Work 开发 Demo，我的体会是：如果一开始只说“做一个英语学习网站”，结果会比较泛；但把需求拆成明确阶段后，TRAE Work 的完成效果会明显更好。

我将 Demo 开发拆成三步：

第一步先做产品框架，让作品看起来像一个完整产品；
第二步实现核心差异化功能，也就是 XML 单词本导入和 AI 专业词卡；
第三步补齐阅读训练、沟通训练、邮件训练和复习进度，让 Demo 形成完整体验闭环。

这种分阶段开发方式比一次性写超长需求更可控，也更容易保存关键步骤截图和 Session ID。

七、报名帖链接

报名帖链接：〖学习工作赛道〗Domain English AI｜行业专业英语学习助手

八、附件说明

附件中已上传 Demo Zip 文件，解压后打开 index.html 即可体验。

文件说明：

index.html：Domain English AI 初赛 Demo 主文件，包含 HTML、CSS、JavaScript，单文件可运行，无需后端服务。

九、关键截图说明

截图 1：TRAE Work 生成整体页面框架
Demo 首页和专业领域选择
截图 2：TRAE Work 开发 XML 解析和 AI 专业词卡
示例 XML 导入后生成专业词卡
截图 3：TRAE Work 开发阅读训练 / 沟通训练 / 复习仪表盘
最终 Demo 的专业阅读训练或工作沟通训练效果

demo.zip (100.1 KB)

1 个赞