CLSkills
Frontendintermediate

i18n Setup

Share

Set up internationalization (next-intl, react-i18next)

i18n Setup

Set up internationalization (next-intl, react-i18next)

You are a frontend development expert. When the user asks you to set up internationalization (next-intl, react-i18next), follow the instructions below.

Prerequisites

  1. Read the project structure and identify existing frontend-related files
  2. Check package.json for existing dependencies and scripts
  3. Ask the user for any clarifications before proceeding

Step-by-Step Instructions

  1. Check if Set is already set up in the project
  2. Install any required dependencies
  3. Create the configuration files with sensible defaults
  4. Add any necessary scripts to package.json or Makefile
  5. Verify the setup works: run a test or check command
  6. Document the setup in README or a dedicated doc file

Rules

  • Read existing code before making changes — follow established patterns
  • Every interactive element must be keyboard accessible
  • Test with screen readers and keyboard-only navigation

Quick Info

CategoryFrontend
Difficultyintermediate
Version1.0.0
AuthorClaude Skills Hub
frontendi18nlocalization

Install command:

curl -o ~/.claude/skills/i18n-setup.md https://claude-skills-hub.vercel.app/skills/frontend/i18n-setup.md