language-checker

Detect hardcoded UI text and missing translation keys in React/Next.js components.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/jonsdoesch87-ai/craft-beer-wizard --skill language-checker
Or copy as Structured Prompt for Agentâ–¼
Please help me install this Agent Skill.
Skill: language-checker
Source: https://github.com/jonsdoesch87-ai/craft-beer-wizard/tree/main/.cursor/skills/language-checker
Command: npx skills add https://github.com/jonsdoesch87-ai/craft-beer-wizard --skill language-checker

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the challenge of maintaining consistent and correctly translated user interface text across different languages in React/Next.js applications, preventing hardcoded strings and ensuring proper localization.

Core Features & Use Cases

  • Detects Hardcoded Text: Identifies UI text that is not being managed by the translation system.
  • Verifies Language Consistency: Ensures that text elements are correctly translated for each supported language.
  • Identifies Missing Keys: Flags instances where translation keys are used but not defined in the language objects.
  • Use Case: During a code review for a new feature, use this Skill to quickly scan all component files for any untranslated strings or inconsistencies between English and German UI elements.

Quick Start

Run the language checker script to find hardcoded text patterns in the project's TypeScript files.

Frequently Asked Questions about language-checker

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

FAQPage Schema
How do I find hardcoded text in React and Next.js components?â–¼

This Skill identifies hardcoded text in React and Next.js components by scanning TypeScript files for UI strings not managed by your translation system. It flags untranslated text during code reviews or after component changes to ensure proper localization.

How do I check for missing translation keys in my i18n React project?â–¼

To check for missing translation keys, use a language consistency checker that flags instances where translation keys are used but not defined in the language objects. This verifies that text elements are correctly translated for each supported language.

What is the best way to ensure UI text consistency across different languages in Next.js?â–¼

The best way to ensure UI text consistency in Next.js is to run a language audit that detects hardcoded strings, verifies language consistency, and identifies missing translation keys across all component files to maintain correct localization.

Does this language checker work with TypeScript files in a React project?â–¼

Yes, this language checker works with TypeScript files in a React project. It runs a script to scan for hardcoded text patterns and verifies that all UI text elements match the selected language and are properly defined in the translation objects.

When should I run a localization audit during the development workflow?â–¼

You should run a localization audit during code reviews for new features, after making component changes, or whenever a language audit is requested to quickly scan for untranslated strings or inconsistencies between different language UI elements.