# clerk-auth

Скилл помогает внедрить авторизацию Clerk в Next.js App Router, настроить защиту маршрутов через middleware и связать сессии с серверными компонентами.

- скилл · `type=skill` · Claude Code · 62 установки
- Автор: davila7
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/clerk-auth
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/clerk-auth

## Что делает

Скилл обучает Claude Code архитектуре интеграции сервиса Clerk в проекты на Next.js 14 и 15. Он содержит шаблоны подключения контекста через `ClerkProvider`, готовых компонентов вроде `<SignIn />` и кнопки профиля `<UserButton />`, а также параметры окружения.

Вся логика контроля доступа собирается в одном корневом файле `middleware.ts`. Для группировки публичных и приватных путей скилл предлагает `createRouteMatcher` и вызов `auth.protect()`.

Без сконфигурированного `clerkMiddleware` серверные функции `auth()` и `currentUser()` работать не будут. Поэтому скилл сначала выстраивает middleware, а уже потом разворачивает чтение `userId` и объектов пользователя внутри Server Components.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --skill development/clerk-auth
```

2. **Через Skills CLI (Vercel)**
```bash
npx skills add davila7/claude-code-templates --skill clerk-auth -a claude-code
```

3. **Вручную: положить файлы**
- Файл: `~/.claude/skills/clerk-auth/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/clerk-auth/

### Codex

**Вручную: положить файлы**
- Файл: `.agents/skills/clerk-auth/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/skills/clerk-auth/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install davila7/claude-code-templates clerk-auth
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/clerk-auth/SKILL.md`

### Gemini CLI

**Командой платформы**
```bash
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/clerk-auth
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/clerk-auth/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/clerk-auth

## Когда брать
- развернуть авторизацию Clerk в Next.js 14 или 15 с App Router
- закрыть приватные страницы с помощью `clerkMiddleware`
- получить идентификатор пользователя и сессию внутри серверных компонентов
- добавить готовые формы входа и кнопку профиля в интерфейс

## Примеры запросов агенту
- Подключи авторизацию Clerk к нашему проекту на Next.js App Router
- Настрой `middleware.ts` для защиты роутов админки через `createRouteMatcher`
- Получи текущего пользователя через `auth()` в Server Component

## Похожие
- [git-guardrails-claude-code](https://affpapa.org/nevibecode/skills/git-guardrails-claude-code.md) — скилл · 499069 установок
- [ponytail-review](https://affpapa.org/nevibecode/skills/ponytail-review.md) — скилл · 57000 установок
- [ponytail-audit](https://affpapa.org/nevibecode/skills/ponytail-audit.md) — скилл · 45400 установок
- [security-audit](https://affpapa.org/nevibecode/skills/cloudflare-security-audit.md) — скилл · 54800 установок
- [security-and-hardening](https://affpapa.org/nevibecode/skills/security-and-hardening.md) — скилл · 70200 установок
- [supabase](https://affpapa.org/nevibecode/skills/supabase.md) — скилл · 8 установок

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 740 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md