本文介绍从硬编码英文到多语言 Next.js 或 React 应用的五条提示词路径，涉及 Agent skills、由 Git 托管的语言文件，以及每次推送时的自动翻译。globalize.now 是 AI 驱动的本地化基础设施，让新增的界面字符串自动保持同步，无需手动导出，也不用盯着后台。ROI 分析见为什么你应该让应用走向全球，技术栈全景见2026 年 vibe coding 最佳本地化工具，字符串提取的深入讲解见如何本地化 AI 生成的应用。面向 vibe coder 的内容也可以看 globalize.now vibe coder 专页。

五步全球化流水线是如何运作的？

从哪里开始？

在 globalize.now 连接你的仓库。首次转换只需在应用内运行一次：它读取仓库，把硬编码字符串替换为翻译键，并提交一个 PR 供你审阅。之后每次推送，都会自动翻译新增的内容。

如果你更想在编辑器里完成第一轮转换，可以把同一套方案安装到你的 Agent 中，无论是 Cursor、Claude Code、Codex，还是你常用的其他工具:

$ npx skills add globalize-now/globalize-skills

这会把 i18n skills 直接安装到你的 Agent 中。它会检测你的技术栈，并给出可加载的内容菜单:

✔ Install scope: Local — this project only
? Which skills?
── Presets ──
❯◉ globalize-guide         — Detects stack, recommends i18n library
 ◉ lingui             — LinguiJS skills (setup, translate, code)
 ◉ css                — CSS i18n (logical properties, RTL)
 ◉ globalize-now-cli  — globalize CLI setup and usage
 ◉ next-intl          — next-intl for Next.js

现在，你的 Agent 已经知道如何为翻译配置项目。无需手动配置，也不用翻文档。

安装 skills 后，如何搭建 locale 结构？

对你的 Agent 说:

为我的项目配置本地化

它会扫描代码库，识别框架，为你的技术栈推荐合适的 i18n 库，并找出每个组件中的所有硬编码字符串:

Agent: Detected Next.js 15 with App Router.
       I'll set up next-intl — best fit for your stack.

       Found 47 hardcoded strings across 12 components.
       Which languages do you need?

> English, Spanish, Arabic

Agent: Setting up 3 locales with RTL support for Arabic.
       Creating translation files...

这一步通常要花几天，你的 Agent 几分钟就能搞定：安装框架、创建语言区域结构，需要时还会配置 RTL。

如何把字面量转换为翻译键？

对你的 Agent 说:

转换我的应用

它会改写你的组件，把每个硬编码字符串替换为翻译键引用。同时生成语言文件，内容完整，并与你的术语表保持一致：

Agent: Converting 47 strings to translatable keys
       for Spanish and Arabic...

       ✓ es.json — 47 translatable strings
       ✓ ar.json — 47 translatable strings

       All entries consistent with your glossary.

你的代码库从硬编码英文变成了可直接翻译的架构。转换前后对比：

// Before
<button>Submit order</button>

// After
<button>{t("checkout.submit_order")}</button>

如何连接 Git 实现自动同步翻译？

对你的 Agent 说:

将此项目连接到 globalize

这会把你的仓库连接到 globalize.now。此后翻译自动保持同步，无需手动导出，无需在后台同步，发布新功能时也不会漏掉字符串：

Agent: Created project on globalize.

       ✓ Connected GitHub repo
       ✓ 3 locales configured (en, es, ar)
       ✓ Auto-translate on push enabled

       New strings translated automatically on push to main.

每次推送包含新界面字符串的代码，globalize.now 都会检测、翻译，并通过 PR 回写到你的仓库。

如何用语言切换器呈现多语言？

对你的 Agent 说:

在我的网站中添加语言切换器

你的 Agent 会在界面中添加一个语言切换组件，并接入现有的 i18n 配置。用户现在可以在不同语言之间切换了。

完整流水线就是这样：五条提示词，你的应用支持多语言，架构保持清晰，发布时新增字符串也会自动保持同步。

globalize.now 支持哪些技术栈？

globalize.now 开箱即用，支持 Next.js、React、Vite 和 React Router，也可与 GitHub、GitLab、Claude、Cursor 和 Codex 集成，既适合已有代码库的开发团队，也适合快速上线的 AI 构建应用。

globalize-guide skill 会自动检测你的技术栈并推荐合适的库。你不用研究该选哪个 i18n 框架，Agent 会根据项目现状替你做决定。

定价包含哪些内容？

所有功能统一在一个套餐内：每个工作区每月 €20，包含 10 万个翻译字符的输出额度。含 CLI、API、GitHub 同步、50 多种语言（含 RTL）以及优先支持。

让你的应用支持多语言 →

globalize.now 把硬编码的应用文案转换为可直接翻译的语言文件，并在你持续发布时保持同步更新。

免费试用 globalize.now