i18n-check

Scan React, Vue, and Angular files to replace hardcoded strings with i18n keys.

11|Updated Apr 16, 2026
One-click install
npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill i18n-check-berkcangumusisik
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i18n-check
Source: https://github.com/berkcangumusisik/claude-code-practices/tree/main/skills/i18n-check
Command: npx skills add https://github.com/berkcangumusisik/claude-code-practices --skill i18n-check-berkcangumusisik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Finds and replaces hardcoded user-visible strings with translation keys to enable internationalization across a codebase.

Core Features & Use Cases

  • Detects occurrences of strings in multiple file types (JS/TS/JSX/TSX/Vue) and identifies typical i18n library usage.
  • Generates consistent translation keys and updates locale files (e.g., en.json) accordingly.
  • Use Case: A React app using i18n libraries can be scanned to automate extraction of strings and their translation paths.

Quick Start

Run i18n-check on your project by specifying the source directory you want scanned, for example i18n-check src.

Frequently Asked Questions about i18n-check

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

FAQPage Schema
How do I find hardcoded strings in my React or Vue codebase for internationalization?

To find hardcoded strings for internationalization, you can scan your React or Vue source directories to identify static user-visible text and automatically generate corresponding i18n translation keys.

What is the best way to extract translation keys from static strings in frontend code?

The best way to extract translation keys from static strings is to use an automated scanner that detects text in JS, TS, JSX, and Vue files, then generates consistent keys and updates your locale files.

Can I automatically replace hardcoded text with i18n function calls in Angular or React?

Yes, you can automatically replace hardcoded text with i18n function calls in Angular or React by scanning files, generating translation paths, and substituting the identified strings with the appropriate function calls.

Does i18n extraction work with TypeScript and Vue files?

Yes, i18n extraction works with TypeScript and Vue files by scanning JS, TS, JSX, TSX, and Vue file types to detect typical i18n library usage and extract user-visible strings accordingly.

How do I update locale files like en.json when adding new translation keys?

To update locale files like en.json when adding new translation keys, the extraction process automatically generates the keys from found strings and appends them to your existing locale configuration.