translation-extract

Extract hardcoded user-facing strings from source code and propose translation keys.

3|Updated Aug 8, 2026
One-click install
npx skills add https://github.com/Jose-Polanco-Oxte/Echos-Live-Music-Visualizer --skill translation-extract-jose-polanco-oxte
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: translation-extract
Source: https://github.com/Jose-Polanco-Oxte/Echos-Live-Music-Visualizer/tree/main/.agents/skills/localization/sub-skills/software-localization/translation-extract
Command: npx skills add https://github.com/Jose-Polanco-Oxte/Echos-Live-Music-Visualizer --skill translation-extract-jose-polanco-oxte

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Hardcoded strings scattered across a codebase make internationalization painful and error-prone. This Skill scans source files to find untranslated user-facing text, proposes consistent translation keys, and optionally rewrites the code to use your i18n framework's translation functions. ## Core Features & Use Cases - Framework Detection: Automatically identifies your i18n setup (react-intl, i18next, vue-i18n, Angular, svelte-i18n, Flutter, Rails, Django, Laravel) from project dependency files. - Confidence-Rated Extraction: Classifies findings as high or medium confidence while excluding logs, test files, CSS classes, URLs, and other non-translatable strings. - Key Generation and Rewrite: Proposes snake_case keys with contextual prefixes, and with the --write flag adds keys to the source language file and replaces hardcoded strings with translation function calls including imports. - Use Case: You are preparing a React app for launch in new markets. Run the scan on src/ to get a report of 12 hardcoded strings with proposed keys, then apply --write to update en.json and the components automatically. ## Quick Start Scan the src directory for hardcoded user-facing strings and show me a report with proposed translation keys.

Frequently Asked Questions about translation-extract

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

FAQPage Schema
How do I find hardcoded strings that need translation in my codebase?

Run the extraction scan on a file or directory to locate user-facing strings in JSX text, placeholders, alerts, toasts, and validation messages. The report lists each string with its file location and a proposed translation key, rated by confidence.

How to internationalize a React app with react-i18next?

Detect react-i18next from package.json, then replace hardcoded JSX text and attributes with t('key') calls. The scan proposes snake_case keys like login_email_placeholder and can add them to your source language JSON file automatically.

Which i18n frameworks are supported for string extraction?

Supported frameworks include react-intl, i18next, react-i18next, vue-i18n, @angular/localize, svelte-i18n, Flutter intl, Rails i18n, Django gettext, and Laravel. The framework is detected from package.json, pubspec.yaml, Gemfile, or requirements.txt.

Does string extraction modify my source code automatically?

By default the scan only reports findings without modifying anything. Passing the --write flag adds proposed keys to the source language file, replaces hardcoded strings with translation calls, and inserts missing imports.

What strings are excluded from i18n extraction?

Log messages, CSS class names, import paths, regex patterns, test files, comments, environment variables, API endpoints, and strings already wrapped in translation functions are excluded. Ambiguous strings are marked medium confidence for manual review.