2

    i18n-string-extractor

    by Markus Isaksson

    Extract hardcoded strings into locale files and replace them with i18n translation calls across your codebase.

    Updated May 2026
    Security scanned
    One-time purchase

    $9

    One-time purchase

    ⚡ Also available via Agensi MCP — your AI agent can load this skill on demand via MCP. Learn more →

    Included in download

    • Convert a hardcoded English frontend into a multi-language ready codebase.
    • Standardize i18n keys across a large existing Next.js or Vue project.
    • file_read, file_write automation included
    • Includes example output and usage patterns
    • Instant install

    See it in action

    - Updated: src/components/Cart.tsx (replaced 4 strings)
- Generated: locales/en.json, locales/es.json...
- Detected: 2 complex plurals in checkout.itemCount
- Flagged: "User wrote" in Profile.tsx (potential gendered translation needed)
- Note: 'ar' locale created; check CSS for RTL layout.

    About This Skill

    Automate Internationalization Readiness

    Preparing a codebase for global markets is a tedious, error-prone manual process. This skill automates the extraction of hardcoded user-facing strings into structured, localized resource files while refactoring your code to use framework-specific translation calls.

    What it does

    • Intelligent Extraction: Scans your source code for JSX text, attributes (alt, title, aria-label), and UI messages while ignoring logs, tests, and internal identifiers.
    • Code Transformation: Replaces raw strings with idiomatic translation hooks like t('key'), <FormattedMessage />, or gettext().
    • Smart Key Generation: Creates logical, hierarchical dot-notation keys based on file paths and element roles (e.g., auth.button.login).
    • Plural & Interpolation Support: Correct-by-design handling of variable injection and complex plural forms using ICU or library-specific syntax.
    • Multi-Language Sync: Generates a source EN file and 11 placeholder locale files (ES, FR, DE, JA, AR, etc.) ready for your translation team.

    Supported Frameworks

    Supports a wide range of ecosystems including React (i18next, react-intl, Lingui), Vue (vue-i18n), Svelte (svelte-i18n, Paraglide), Next.js, Angular, Python (Django, Babel), and Go templates.

    Why use this skill?

    Instead of manually finding every "Save" button and editing dozen of JSON files, this skill performs a holistic migration in seconds. It ensures consistency, handles RTL flags for languages like Arabic, and provides a detailed migration report highlighting potential pitfalls like gendered language.

    📖 Learn more: Best Frontend & Design Skills for Claude Code →

    Use Cases

    • Convert a hardcoded English frontend into a multi-language ready codebase.
    • Standardize i18n keys across a large existing Next.js or Vue project.
    • Automatically handle complex ICU plurals and variable interpolations.
    • Generate TODO placeholder files for professional translation vendors.

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Read Files
    Write Files

    Reads source files and replaces user-facing strings with translation calls in the project's framework convention. Creates a locales/ directory with one source-language file (extracted values) and 11 placeholder files for translators. Does not install the i18n library or modify build config — asks the user which library to use if none is detected. Does not translate the strings — outputs TODO placeholders.

    Tags

    i18n
    localization
    react
    frontend
    automation
    refactoring

    Creator

    Markus Isaksson

    Frequently Asked Questions

    Learn More About AI Agent Skills

    Similar Skills

    humanize-writing

    humanize-writing

    Transform robotic AI drafts into natural, human-sounding prose with native-level flow and tone.

    Free61 installs

    clone-site-to-elementor

    Clone any webpage into fully editable native Elementor Pro widgets with pixel-perfect accuracy.

    Free19 installs

    codex-grade-coding

    Turn your AI agent into a senior engineer with strict task classification and verification-driven coding protocols.

    Free19 installs

    code-reviewer

    Reviews your code for bugs, security vulnerabilities, logic errors, performance issues, and style violations. Organizes findings by severity and suggests fixes with code examples.

    Free275 installs

    $9

    One-time