clerk-auth — скилл для Claude Code: что делает и как установить
Скилл помогает внедрить авторизацию Clerk в Next.js App Router, настроить защиту маршрутов через middleware и связать сессии с серверными компонентами.
npx claude-code-templates@latest --skill development/clerk-authЧто делает clerk-auth
Скилл обучает Claude Code архитектуре интеграции сервиса Clerk в проекты на Next.js 14 и 15. Он содержит шаблоны подключения контекста через ClerkProvider, готовых компонентов вроде <SignIn /> и кнопки профиля <UserButton />, а также параметры окружения.
Вся логика контроля доступа собирается в одном корневом файле middleware.ts. Для группировки публичных и приватных путей скилл предлагает createRouteMatcher и вызов auth.protect().
Без сконфигурированного clerkMiddleware серверные функции auth() и currentUser() работать не будут. Поэтому скилл сначала выстраивает middleware, а уже потом разворачивает чтение userId и объектов пользователя внутри Server Components.
Какие задачи решает
- развернуть авторизацию Clerk в Next.js 14 или 15 с App Router
- закрыть приватные страницы с помощью
clerkMiddleware - получить идентификатор пользователя и сессию внутри серверных компонентов
- добавить готовые формы входа и кнопку профиля в интерфейс
Примеры запросов агенту
- Подключи авторизацию Clerk к нашему проекту на Next.js App Router
- Настрой
middleware.tsдля защиты роутов админки черезcreateRouteMatcher - Получи текущего пользователя через
auth()в Server Component
Как установить clerk-auth
1Через claude-code-templates
npx claude-code-templates@latest --skill development/clerk-auth2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill clerk-auth -a claude-code3Вручную: положить файлы
~/.claude/skills/clerk-auth/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/clerk-auth/
Вручную: положить файлы
.agents/skills/clerk-auth/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/clerk-auth/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates clerk-auth2Вручную: положить файлы
.github/skills/clerk-auth/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/clerk-authВручную: положить файлы
.devin/skills/clerk-auth/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о clerk-auth
Как установить clerk-auth в Claude Code?
Выполните в терминале команду npx claude-code-templates@latest --skill development/clerk-auth.
Для чего нужен скилл clerk-auth?
Он передаёт агенту проверенные паттерны интеграции Clerk: установку провайдера, настройку middleware и серверную проверку прав.
С какими версиями Next.js работает этот скилл?
Паттерны рассчитаны на структуру App Router в версиях Next.js 14 и 15.