i18n-string-add

Add bilingual UI strings to Next.js i18n JSON files.

Updated Feb 10, 2026
One-click install
npx skills add https://github.com/Jason-hub-star/GameLab --skill i18n-string-add-jason-hub-star
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i18n-string-add
Source: https://github.com/Jason-hub-star/GameLab/tree/main/.claude/skills/gamelab-guide/i18n/i18n-string-add
Command: npx skills add https://github.com/Jason-hub-star/GameLab --skill i18n-string-add-jason-hub-star

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Adding new UI text requires updating multiple locale files manually, which is error‑prone and time‑consuming for bilingual React applications.

Core Features & Use Cases

  • Namespace Detection: Determines the correct i18n namespace from the consuming TSX component.
  • Dual Locale Update: Inserts the same key into both ko.json and en.json in alphabetical order.
  • Validation & Build: Ensures line counts match and runs the frontend build to confirm the changes.
  • Use Case: When a new feature needs a label in the sidebar, this skill quickly adds the Korean and English strings without manual file edits.

Quick Start

Add a new translation key 'welcomeMessage' to the 'sidebar' namespace with Korean text '환영합니다' and English text 'Welcome'.

Frequently Asked Questions about i18n-string-add

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add bilingual UI strings to Next.js i18n JSON files?

To add bilingual UI strings to Next.js i18n JSON files, insert the new translation key into both ko.json and en.json while maintaining alphabetical order. This ensures Korean and English locale files stay synchronized without manual file edits.

What is the best way to update multiple locale files for a new Next.js feature?

The best way to update multiple locale files for a new Next.js feature is to use dual locale insertion that adds the same key to both ko.json and en.json simultaneously. This approach prevents misaligned translations by validating line counts match across files.

Can I detect the correct i18n namespace from a TSX component automatically?

Yes, you can detect the correct i18n namespace from a TSX component automatically. Namespace detection analyzes the consuming React component to determine which JSON locale file section the new translation key belongs to.

Does adding new translation keys require rebuilding the frontend to validate changes?

Yes, adding new translation keys requires rebuilding the frontend to validate changes. Running the build confirms that both ko.json and en.json updates are syntactically correct and that line counts match across locale files.

Why do my Korean and English locale JSON files have mismatched keys after manual edits?

Korean and English locale JSON files have mismatched keys after manual edits because updating multiple locale files by hand is error-prone. Automated dual locale insertion enforces alphabetical ordering and matching line counts to prevent sync issues.

What are the limitations of adding bilingual strings to Next.js i18n JSON files?

A limitation of adding bilingual strings to Next.js i18n JSON files is that the process specifically targets Korean and English locales, requiring both ko.json and en.json to exist. It also mandates a frontend rebuild after every translation key insertion.