i18n-localization

Detect hardcoded UI strings and validate locale file completeness in React, Vue, and Python projects.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/SleyiW/iWana-neXt --skill i18n-localization-sleyiw
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: i18n-localization
Source: https://github.com/SleyiW/iWana-neXt/tree/main/.agents/skills/i18n-localization
Command: npx skills add https://github.com/SleyiW/iWana-neXt --skill i18n-localization-sleyiw

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve? Hardcoded user-facing text scattered across components makes applications impossible to translate and localize. This Skill audits codebases for untranslated strings, checks that locale files share consistent keys across languages, and enforces proper formatting of dates, currencies, and numbers for the es-CO locale in a Next.js App Router project. ## Core Features & Use Cases - Hardcoded String Detection: Scans JSX, Vue, and Python files for text literals in elements, placeholders, labels, and error messages that bypass translation catalogs. - Locale Completeness Check: Compares JSON translation files across languages and reports missing or extra keys per namespace. - Localization Guidelines: Provides rules for message catalog organization, Intl API-based formatting of COP currency, dates in America/Bogota timezone, and pluralization. - Use Case: Before releasing a new feature, run the checker against your frontend to find untranslated button labels and verify that the es-CO message catalog has no missing keys. ## Quick Start Run the i18n checker script against my project directory and report any hardcoded strings or missing translation keys.

Frequently Asked Questions about i18n-localization

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

FAQPage Schema
How do I find hardcoded strings in React components?

Run the i18n checker script against your project directory to scan JSX and TSX files for text literals in elements, placeholders, labels, and aria attributes. It flags files lacking i18n patterns like useTranslation or FormattedMessage and reports example matches.

How to check if translation files have missing keys?

The checker loads JSON locale files grouped by language folder, flattens nested keys, and compares each language against a base locale. It reports the count of missing and extra keys per namespace so catalogs stay synchronized.

Does the i18n checker support Vue and Python files?

Yes, the script scans Vue templates for hardcoded template text and attributes, and Python files for string literals in print, raise, and Flask flash calls. It recognizes gettext and $t patterns as proper i18n usage.

How should I format currency and dates for Colombia in Next.js?

Use Intl.NumberFormat with locale es-CO and currency COP for amounts, and Intl.DateTimeFormat with the America/Bogota timezone for dates. Never format currency or dates manually with string concatenation.

What are the limitations of automated hardcoded string detection?

Regex-based detection produces false positives on legitimate capitalized text and may miss dynamically constructed strings. The script limits analysis to 50 files and skips test directories, so treat results as an audit starting point rather than exhaustive proof.