用了这个 Trae Skill，我项目 6 种语言的 i18n 翻译从 3 小时变成了 3 分钟
一个让前端国际化不再痛苦的 Trae Skill，开源免费，装上就用。
你是不是也经历过这种绝望？
产品说："这个页面加个多语言吧，中英日韩都要。"
你打开项目，找到 zh-CN.json，里面躺着 200 多个 key。
然后你开始：
- 打开 Google 翻译，逐条粘贴 → 占位符
{name}被翻成了奇奇怪怪的东西 - 手动改回占位符 → 搞混了哪个是哪个
- 翻到第 50 条发现 "保存" 前面翻成了 "Save"，后面翻成了 "Storage"
- 产品又说："这段文案改了一下，所有语言同步更新" → 你两眼一黑
3 小时后，你还在第 3 个语言文件里改错别字。
我受够了，于是用 Trae 做了一个 Skill，把它彻底自动化了。
i18nFlow：把 3 小时变成 3 分钟
i18nFlow 是一个 Trae Skill，专门解决前端 i18n 翻译的痛点。
你只需要在 Trae 里说一句话：
翻译 src/locales/zh-CN.json 到 en, ja, ko
然后它会自动：
| 步骤 | 它做了什么 | 你手工做要多久 |
|---|---|---|
| 识别格式 | 自动判断是 react-i18next 还是 next-intl 还是 Vue I18n | — |
| 保护占位符 | {name}, %s, <0> 等全部提取保护，翻译完再回填 | 翻到崩溃 |
| 术语查表 | 内置 136 条前端术语词库，"保存"始终翻译为 "Save" | 反复查、反复改 |
| 增量翻译 | 已经有翻译的 key 不动，只翻新增的 | 逐条对比 |
| 写入文件 | 保持原目录结构，生成 en.json, ja.json, ko.json | 手动创建、复制粘贴 |
整个过程你只需要喝口水等几秒钟。完事。
效果对比
手工翻译（真实经历）
项目：react-i18next
源文件：zh-CN.json，243 个 key
目标语言：en, ja, ko, de, fr
─────────────────────────────
手工翻译 5 个语言：约 3 小时
术语不一致修正：额外 30 分钟
占位符修复：额外 20 分钟
总计：将近 4 小时
i18nFlow（同一项目实测）
项目：react-i18next
源文件：zh-CN.json，243 个 key
目标语言：en, ja, ko, de, fr
─────────────────────────────
自动翻译 5 个语言：约 3 分钟
人工复核 8 个低置信度条目：2 分钟
总计：5 分钟
效率提升 48 倍，而且翻译质量比手工用 Google 翻译逐条粘贴好得多——因为它有术语词库兜底。
它比通用翻译工具强在哪？
你可能问：我用 ChatGPT / DeepSeek 翻译不行吗？
可以，但有个致命问题：
| 场景 | ChatGPT 直接翻 | i18nFlow |
|---|---|---|
占位符 {name} | ❌ 经常被翻译成奇奇怪怪的东西 | ✅ 自动提取保护 |
ICU 语法 {count, plural, ...} | ❌ 大概率被破坏 | ✅ 完整保留 |
| 同一术语翻译不一致 | ❌ 一会儿 Save 一会儿 Storage | ✅ 术语词库统一 |
| 增量更新 | ❌ 要手动告诉它哪些翻过了 | ✅ 自动检测，只翻缺失的 |
| 文件结构 | ❌ 输出可能变格式 | ✅ 保持原结构不动 |
| i18n 格式理解 | ❌ 不懂 react-i18next vs next-intl 区别 | ✅ 框架感知 |
说白了：通用 AI 没有 i18n 上下文，经常好心办坏事。i18nFlow 就是给 AI 装上了 "前端国际化专家" 的知识包。
3 步安装，30 秒搞定
方式一：飞书文档（推荐，国内秒开）
打开文档 → 全选代码块 → 复制 → 粘贴到 Trae：
方式二：GitHub
直接下载 SKILL.md：
👉 GitHub - i18nFlow ｜ Gitee 镜像（国内秒开）
粘贴位置
打开 Trae → 设置 → 规则和技能 → 技能 → 创建 → 粘贴 → 保存
使用示例
场景 1：首次国际化
你的项目原来只有中文，现在要做英日韩三个版本：
翻译 src/locales/zh-CN.json 到 en, ja, ko
i18nFlow 会生成三个文件在原目录下。
场景 2：增量更新
产品改了几句文案，新增了几个 key，你只需要：
增量翻译 src/locales/zh-CN.json 到 en, ja, ko
已有翻译纹丝不动，只处理新增和修改的 key。
场景 3：全部语言同步
翻译 src/locales/zh-CN.json 到所有语言
20 种语言一次性生成。你再也不用一个个打开改了。
支持的技术栈
| 框架 | 格式 | 状态 |
|---|---|---|
| react-i18next | 扁平/命名空间 JSON | ✅ |
| next-intl | 嵌套 JSON | ✅ |
| Vue I18n | JSON / JS export | ✅ |
| Rails i18n | YAML | ✅ |
| Spring / Android | .properties | ✅ |
| WordPress / PHP | .po | ✅ |
免费使用，欢迎反馈
i18nFlow 完全开源免费。我做它的原因很简单——自己也是前端，被 i18n 翻译折磨太久了。
如果你用了觉得好用，欢迎在评论区告诉我；如果遇到问题或者想要新功能，也尽管提。
👇 安装走起：
#Trae #i18n #前端国际化 #效率工具 #AI编程
