i18n-nextjs — Next.js i18n Best Practices as a Claude Code Skill
A Claude Code skill that makes AI follow production-grade Next.js App Router i18n patterns — translation dictionaries, clean default-locale URLs, hreflang, localized JSON-LD, and multi-language sitemaps.
A Claude Code skill: once installed, Claude stops giving generic i18n advice and follows concrete, production-grade patterns for Next.js App Router — how to structure and read JSON translation dictionaries, middleware locale routing (clean URLs with no prefix for the default locale), locale-aware SEO metadata with full hreflang, JSON-LD with translated fields (WebApplication / BlogPosting / FAQ / Breadcrumb / HowTo), and correctly structured multi-language sitemaps.
It's built on progressive disclosure: SKILL.md is a lean index, and five reference files (translation files / routing / SEO metadata / structured data / sitemap) load only when needed, keeping context efficient.
Two practical checklists are included: "add i18n to a new feature" and "add a new locale", step by step. Install by copying the folder into ~/.claude/skills/. MIT licensed.
For developers building multilingual sites on Next.js App Router who want their AI assistant to produce SEO-correct code. This very site's bilingual SEO pass was run with it.
FAQ
What is i18n-nextjs?
A Claude Code skill that makes AI follow production-grade Next.js App Router i18n patterns — translation dictionaries, middleware locale routing, hreflang SEO metadata, localized JSON-LD, and multi-language sitemaps.
How do I install it?
Clone the repo and copy the folder into ~/.claude/skills/ — Claude Code auto-loads it next session. MIT licensed.
When does the skill trigger?
Whenever you ask Claude for i18n work: "add i18n to this page", "implement hreflang", "add a new locale", "generate the multilingual sitemap".
What are the requirements?
A Next.js 13+ App Router project; middleware locale detection uses @formatjs/intl-localematcher and negotiator.