If you're adding i18n to a React/Next/Vue codebase or auditing one that's half-done, this skill walks through the full cycle: install and configure react-i18next or the framework equivalent, hunt down hardcoded strings with regex, replace them with translation keys, ensure en-US and zh-CN parity, and localize error messages so users never see raw error.message. It includes a Python audit script to catch missing keys and dynamic translation calls. The workflow is opinionated about namespace structure, pluralization, and treating missing translations as blockers. Useful if you need comprehensive i18n coverage and want to avoid the usual pitfalls like exposing English-only errors or breaking tests that assert on visible text.

skills.sh installs
2.7K
GitHub stars
1.5K
last updated
Aug 21, 2026

Install

$ npx -y skills add daymade/claude-code-skills --skill i18n-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

I18n Expert

Overview

Deliver a complete i18n setup + audit pass: configure the i18n framework, replace user-facing strings with keys, ensure locale parity, and validate pluralization/formatting for en-US and zh-CN.

Core Capabilities

  • Library selection and setup (React, Next.js, Vue).
  • Key architecture and locale file organization.
  • Translation generation and quality strategy (AI, professional, manual).
  • Routing and language detection/switching.
  • SEO and metadata localization (when applicable).
  • RTL support (only if RTL locales are in scope).

Scope Inputs (ask if unclear)

  • Framework and routing style.
  • Existing i18n state (none, partial, legacy).
  • Target locales (default: en-US + zh-CN).
  • Translation quality needs (AI vs professional vs manual).
  • Locale formats in use (JSON, YAML, PO, XLIFF).
  • Formality/cultural requirements (if any).

Workflow (Audit -> Fix -> Validate)

  1. Confirm scope and locale targets
  • Identify the i18n framework and locale locations.
  • Confirm locales; default to en-US + zh-CN when specified.

Sponsors

Details

Repository
github.com/daymade/claude-code-skills
Categories
Frontend Development, Testing & QA, Debugging
First seen
Jun 3, 2026

More from daymade/claude-code-skills

All 53
1payloadcms avatarpayloadpayloadcms/payloadUse when working with Payload projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, secur2.7Kskills.sh installs
2nexu-io avatarimpeccable-design-polishnexu-io/open-designFollow-up design polish skill inspired by Impeccable. Use after a web or HTML artifact exists to audit, critique, polish, animate, harden, and prepare the page 2.7Kskills.sh installs
3freshtechbro avatarscroll-reveal-librariesfreshtechbro/claudedesignskillsSimple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites req2.6Kskills.sh installs
4remotion-dev avatardocs-demoremotion-dev/remotionAdd an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.2.6Kskills.sh installs
5freshtechbro avatarbarba-jsfreshtechbro/claudedesignskillsPage transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like expe2.5Kskills.sh installs
6nexu-io avatarweread-year-in-review-video-templatenexu-io/open-designWeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stor2.5Kskills.sh installs