Skip to main content
affpapa.org
RU EN
skill GitHub Copilot official · GitHub

next-intl-add-language — GitHub Copilot skill: add a language

Adds a language to a Next.js app using next-intl by translating en.json and updating locale setup. Use it when a new locale must appear in the UI.

Install into GitHub Copilot · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add github/awesome-copilot --skill next-intl-add-language
Open on GitHub

What next-intl-add-language does

This skill guides language additions for a Next.js project that uses next-intl for internationalization. It calls for translating every entry from en.json and keeping the full translation set in ./messages.

The locale must be added to src/i18n/routing.ts and src/middleware.ts, then exposed through src/components/language-toggle.tsx. Install it if your project follows this next-intl layout; it is too narrow for projects with a different translation structure.

What it helps with

  • translate every key from en.json into a new language
  • add a locale in src/i18n/routing.ts
  • update locale middleware in src/middleware.ts
  • show the new language in language-toggle.tsx

Example prompts for the agent

  • “Add Spanish following the next-intl-add-language skill.”
  • “Translate `en.json` for a new locale and check that every key is covered.”
  • “Update `src/i18n/routing.ts`, `src/middleware.ts`, and `src/components/language-toggle.tsx` for the new language.”

How to install next-intl-add-language

1Skills CLI (Vercel)

npx skills add github/awesome-copilot --skill next-intl-add-language

2GitHub CLI

gh skill install github/awesome-copilot next-intl-add-language

3Manually: put the files in place

.github/skills/next-intl-add-language/SKILL.md

From the same set554

The whole set →
git-commit official github This skill reviews Git changes, stages related files, and creates Conventional Commits. Use it when you want an agent to make one commit or split work into separate commits. GitHub Copilot 47,165installs excalidraw-diagram-generator official github Turn a plain-language description into an Excalidraw diagram. Useful for mapping processes, system structure, and relationships between entities. GitHub Copilot 31,639installs multi-stage-dockerfile official github This skill guides GitHub Copilot in writing multi-stage Dockerfiles for different languages and frameworks. Use it when the final runtime image should contain fewer build dependencies. GitHub Copilot 29,688installs documentation-writer official github Skill that turns the agent into a technical writer following the Diátaxis framework: tutorials, how-to guides, reference, and explanation. Proposes structure before writing. GitHub Copilot 27,757installs prd official github Turns a feature idea into a structured PRD with user stories, technical requirements, and risks. Use it when planning a software feature or an AI-powered one. GitHub Copilot 24,035installs refactor official github This skill reshapes existing code without changing its external behavior. Use it for gradual cleanup of large functions, duplication, weak types, and code smells. GitHub Copilot 22,321installs java-springboot official github Gives GitHub Copilot Spring Boot development practices, from project layout to tests and security. Use it when writing or reviewing Java application code. GitHub Copilot 21,272installs create-readme official github This skill reviews a project and creates a structured README.md. Use it when the repository needs clear documentation based on its actual files and code. GitHub Copilot 19,081installs

Similar

shadcn-vue unovue Teaches coding agents shadcn-vue architecture, proper CLI runners, FieldGroup form composition, and strict Tailwind semantic token rules. Claude Code CX Codex Cursor +1 5,700installs mobile-android-design Seth Hobson This skill guides native Android UI work with Material Design 3 and Jetpack Compose. Use it for screens, navigation, adaptive layouts, and accessibility checks. Claude Code CX Codex Cursor 24,847installs debug-optimize-lcp ChromeDevTools Breaks Largest Contentful Paint into four sequential stages and shows exactly where the main content load is bottlenecked. Claude Code CX Codex Cursor +1 3,500installs design-mobile-apps designed-by-ai Designs mobile screens via the Sleek REST API and translates them into React Native or HTML code. Claude Code CX Codex Cursor +1 1,000,000installs nuxt Anthony Fu This skill equips your AI agent with Nuxt 5 knowledge: server-side rendering, file-based routing, auto-imports, and Nitro v3 deployment. Use it when building Nuxt apps, server routes, useFetch calls, middleware, or hybrid rendering. Claude Code CX Codex Cursor +1 24,100installs mobile-ios-design Seth Hobson Guides native iOS interface work with Apple HIG and SwiftUI patterns. Use it when building views, navigation, or adaptive layouts. Claude Code CX Codex Cursor 23,659installs frontend-design official anthropics This skill guides intentional visual design for new interfaces and redesigns. Use it when a generic generated UI is not enough. Claude Code Claude.ai 1,025,790installs design-taste-frontend Leonxlnx This skill directs the design of public pages and work screens, then checks the result in a browser through screenshots. Use it when an interface feels generic or unfinished. Claude Code CX Codex Cursor +1 673,100installs

Questions about next-intl-add-language

How do I install next-intl-add-language in GitHub Copilot?

Run npx skills add github/awesome-copilot --skill next-intl-add-language. You can also use gh skill install github/awesome-copilot next-intl-add-language.

What does next-intl-add-language do?

The skill walks through adding a locale to a Next.js project using next-intl. It covers translations, routing, middleware, and the language switcher.

Which files change when I add a language?

Translations live in ./messages. Routing and middleware are handled in src/i18n/routing.ts and src/middleware.ts, while the UI switcher is src/components/language-toggle.tsx.

Source text

SKILL.md · MIT 
---
name: next-intl-add-language
description: 'Add new language to a Next.js + next-intl application'
---

This is a guide to add a new language to a Next.js project using next-intl for internationalization,

- For i18n, the application uses next-intl.
- All translations are in the directory `./messages`.
- The UI component is `src/components/language-toggle.tsx`.
- Routing and middleware configuration are handled in:
  - `src/i18n/routing.ts`
  - `src/middleware.ts`

When adding a new language:

- Translate all the content of `en.json` to the new language. The goal is to have all the JSON entries in the new language for a complete translation.
- Add the path in `routing.ts` and `middleware.ts`.
- Add the language to `language-toggle.tsx`.

© github · MIT · github/awesome-copilot

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor