К основному содержанию
скилл GitHub Copilot официальный · GitHub

next-intl-add-language — скилл GitHub Copilot: новый язык

Добавляет язык в Next.js-приложение с next-intl: переводит en.json и обновляет маршрутизацию. Нужен, когда новая локаль должна появиться в интерфейсе.

Установить в GitHub Copilot · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add github/awesome-copilot --skill next-intl-add-language
Открыть на GitHub

Что делает next-intl-add-language

Скилл описывает добавление новой локали в проект на Next.js, где интернационализация построена на next-intl. Он предлагает перевести все записи из en.json и сохранить полный набор переводов в каталоге ./messages.

Для новой локали нужно изменить маршруты в src/i18n/routing.ts и настройки в src/middleware.ts, а затем добавить её в компонент src/components/language-toggle.tsx. Это стоит ставить командам, которые уже используют эту структуру next-intl; для другой организации переводов инструкция будет слишком узкой.

Какие задачи решает

  • перевести все ключи из en.json на новый язык
  • добавить локаль в src/i18n/routing.ts
  • обновить настройки в src/middleware.ts
  • вывести новый язык в language-toggle.tsx

Примеры запросов агенту

  • «Добавь испанский язык по инструкции next-intl-add-language.»
  • «Переведи `en.json` на новую локаль и проверь все ключи.»
  • «Обнови `src/i18n/routing.ts`, `src/middleware.ts` и `src/components/language-toggle.tsx` для нового языка.»

Как установить next-intl-add-language

1Через Skills 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

3Вручную: положить файлы

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

Из того же набора554

Весь набор →
git-commit официальный github Скилл разбирает изменения Git, выбирает связанные файлы и создаёт коммит в формате Conventional Commits. Пригодится, когда нужно закоммитить одну или несколько логических частей изменений. GitHub Copilot 47 165установок excalidraw-diagram-generator официальный github Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок multi-stage-dockerfile официальный github Скилл помогает создавать многоэтапные Dockerfile для разных языков и фреймворков. Пригодится, когда важны размер и состав runtime-образа. GitHub Copilot 29 688установок documentation-writer официальный github Скилл для создания технической документации по фреймворку Diátaxis: туториалы, гайды, справки и объяснения. Предлагает структуру перед написанием. GitHub Copilot 27 757установок prd официальный github Собирает из идеи структурированный PRD с пользовательскими историями, техническими требованиями и рисками. Подходит для планирования новых функций, в том числе с AI. GitHub Copilot 24 035установок refactor официальный github Скилл помогает менять структуру кода без изменения внешнего поведения. Подойдёт для постепенной уборки сложных функций, дублирования и кодовых запахов. GitHub Copilot 22 321установок java-springboot официальный github Задаёт практики разработки Spring Boot-приложений: от структуры проекта до тестов и безопасности. Пригодится, когда Copilot пишет или проверяет Java-код. GitHub Copilot 21 272установок create-readme официальный github Скилл изучает проект и создаёт структурированный README.md. Подойдёт, когда документацию нужно собрать по коду и файлам проекта. GitHub Copilot 19 081установок

Похожие

shadcn-vue unovue Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind. Claude Code CX Codex Cursor +1 5 700установок mobile-android-design Seth Hobson Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок. Claude Code CX Codex Cursor 24 847установок debug-optimize-lcp ChromeDevTools Разбирает Largest Contentful Paint на четыре последовательных этапа и показывает, где именно тормозит загрузка главного контента страницы. Claude Code CX Codex Cursor +1 3 500установок design-mobile-apps designed-by-ai Генерирует экраны мобильных приложений через сервис Sleek и помогает перенести готовый макет в React Native или HTML. Claude Code CX Codex Cursor +1 1 000 000установок nuxt Anthony Fu Скилл добавляет поддержку Nuxt 5 — полнофункционального Vue-фреймворка с серверным рендерингом, файловой маршрутизацией и автоимпортами. Помогает агенту писать серверные маршруты, работать с useFetch, middleware и гибридным рендерингом. Claude Code CX Codex Cursor +1 24 100установок mobile-ios-design Seth Hobson Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки. Claude Code CX Codex Cursor 23 659установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о next-intl-add-language

Как установить next-intl-add-language в GitHub Copilot?

Выполните npx skills add github/awesome-copilot --skill next-intl-add-language. Также доступна команда gh skill install github/awesome-copilot next-intl-add-language.

Что делает next-intl-add-language?

Скилл ведёт через добавление новой локали в Next.js-проект с next-intl. Он охватывает переводы, маршрутизацию, middleware и переключатель языка.

Какие файлы меняются при добавлении языка?

Переводы находятся в ./messages. Маршруты и middleware настраиваются в src/i18n/routing.ts и src/middleware.ts, а интерфейсный переключатель — в src/components/language-toggle.tsx.

Исходный текст

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

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой