i18n-nextjs:给 Claude Code 装上 Next.js 国际化最佳实践
一个 Claude Code skill:让 AI 按生产级套路做 Next.js App Router 国际化——翻译字典、干净的默认语言 URL、hreflang、多语言 JSON-LD 与 sitemap,一次讲透。
这是一个 Claude Code skill:装上之后,让 Claude 做 Next.js 国际化时不再给泛泛建议,而是遵循一套具体的生产级模式——JSON 翻译字典的组织与读取、middleware 语言路由(默认语言无前缀的干净 URL)、带完整 hreflang 的 locale 感知 SEO metadata、翻译过字段的 JSON-LD(WebApplication / BlogPosting / FAQ / Breadcrumb / HowTo),以及多语言 sitemap 的正确结构。
设计上用了渐进式披露:SKILL.md 是精简索引,5 个 reference 文件(翻译文件 / 路由 / SEO metadata / 结构化数据 / sitemap)按需加载,不浪费上下文。
附带两份实用清单:「给新功能加 i18n」和「新增一门语言」的分步操作。装法很简单:克隆后拷到 ~/.claude/skills/ 即可,MIT 协议。
适合用 Next.js App Router 做多语言站点、又希望 AI 助手产出符合 SEO 规范代码的开发者。本站的中英双语 SEO 改造就是用它跑的。
常见问题
i18n-nextjs 是什么?
一个 Claude Code skill:让 AI 按生产级模式做 Next.js App Router 国际化——翻译字典组织、middleware 语言路由、hreflang SEO 元数据、多语言 JSON-LD 与 sitemap。
怎么安装?
克隆仓库后把文件夹拷进 ~/.claude/skills/ 即可,Claude Code 下次会话自动加载。MIT 协议。
什么时候会触发这个 skill?
当你让 Claude 做 i18n 相关工作时,比如「给这个页面加多语言」「实现 hreflang」「新增一门语言」「生成多语言 sitemap」。
有什么前置要求?
Next.js 13+ 的 App Router 项目;middleware 语言检测用到 @formatjs/intl-localematcher 和 negotiator 两个依赖。