Internationalization helps your app speak more than one language. This guide shows you how to add and manage translation keys for different languages. You will use react-i18next and work with flat key names like feature.context.action.
Only edit files in src/locales/default/ and run pnpm i18n to generate translations. This keeps your app ready for users all over the world.
Add I18n skill to your workflow
Global
mkdir -p ~/.claude/skills/i18nProject
mkdir -p .claude/skills/i18nSource Repository
More Accessibility & Localization Claude Code Skills
Accessibilityaddyosmani/web-quality-skills
Audit and improve web accessibility following WCAG 2.2 guidelines for inclusivity
Fixing Accessibilityibelick/ui-skills
Audit and fix HTML accessibility issues for a more inclusive web
Accessibility Compliancewshobson/agents
Build inclusive interfaces that everyone can use with ease and confidence
Next Intl Add Languagegithub/awesome-copilot
Easily add a new language to your Next.js internationalized app
Wcag Audit Patternswshobson/agents
Audit websites for WCAG 2.2 compliance and fix accessibility violations
Vscode Ext Localizationgithub/awesome-copilot
Localize VS Code extensions correctly for all languages using official best practices
Flutter Improving Accessibilityflutter/skills
Make your Flutter app usable for everyone with accessibility features
Screen Reader Testingwshobson/agents
Test websites with screen readers for full accessibility and user inclusion