AIKraft/AI/Войти
AIKraft/Skills/Настройка Clerk

Настройка Clerk

Add Clerk authentication to any project by following the official quickstart guides.

clerk official Дизайн

Что делает навык

Настройка аутентификации Clerk в проекте с помощью CLI, включая автоматическое определение фреймворка, установку SDK и конфигурацию окружения. Skill поддерживает как создание новых приложений, так и интеграцию в существующие, включая миграцию с других провайдеров.

Когда применять

  • Добавление аутентификации в новый или существующий проект на Next.js, React, Nuxt, Astro или других поддерживаемых фреймворках.
  • Миграция с существующих систем аутентификации (NextAuth, Supabase, Firebase, Auth0) на Clerk с сохранением данных пользователей.
  • Восстановление или привязка существующего проекта к конкретному приложению Clerk в Clerk Dashboard.
  • Настройка UI-компонентов входа/регистрации и темизации через shadcn/ui.

Как работает

  1. Проверить наличие существующей аутентификации или Clerk в проекте; если есть другой провайдер, согласовать план миграции с пользователем.
  2. Запустить `npx -y clerk@latest init` для инициализации, выбрав фреймворк и пакетный менеджер, или использовать `--app` для привязки к существующему приложению.
  3. Настроить переменные окружения, middleware и провайдеры в соответствии с документацией quickstart для конкретного фреймворка.
  4. Добавить видимые компоненты аутентификации (SignInButton, UserButton и др.) в интерфейс приложения.
  5. Применить тему shadcn/ui, если в проекте обнаружен `components.json`.
  6. Запустить `npx -y clerk@latest doctor` для проверки и запустить приложение для тестирования.

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

Добавь Clerk аутентификацию в мой новый Next.js проект.
Мигрируй мою текущую аутентификацию с NextAuth на Clerk.
Настрой Clerk в существующем React проекте и добавь кнопки входа.

Что понадобится

  • Node.js версии 20.9.0 или выше (для текущих SDK).
  • Установленный Node.js и npm/npx.
  • Доступ к терминалу для выполнения команд CLI.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «clerk-setup» из репозитория: # https://github.com/clerk/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r clerk-setup/ ~/.claude/skills/clerk-setup/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.