authjs-skills — скилл для Claude Code: настройка Auth.js v5 в Next.js
Скилл для ИИ-агентов, который помогает подключить аутентификацию Auth.js v5 в Next.js: Google OAuth, вход по email и паролю, переменные окружения.
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a claude-codeЧто делает authjs-skills
Скилл описывает установку и настройку Auth.js v5 в Next.js. Внутри — шаги по созданию auth.ts в корне проекта, роут-хендлера app/api/auth/[...nextauth]/route.ts и опционального middleware.ts. Отдельные разделы посвящены провайдеру Google и входу по email с паролем.
Для Google OAuth понадобятся AUTH_GOOGLE_ID и AUTH_GOOGLE_SECRET из Google Cloud Console, а также AUTH_SECRET. Секрет генерируется командой openssl rand -base64 32 или через pnpm dlx auth secret. Хранить его советуют в .env.local, а не в репозитории.
Пакет ставится как pnpm add next-auth@beta — Auth.js v5 на момент написания в бете, поэтому без тега @beta вы получите четвёртую версию с другим API. Для варианта с паролем дополнительно нужны bcryptjs и zod. Если вы уже переносите проект с v4, конфигурация и экспорт auth() отличаются, так что это повод свериться с гайдом по миграции, а не копировать старый код.
Какие задачи решает
- подключить вход через Google к приложению на Next.js
- сделать форму входа по email и паролю с хешированием через bcrypt
- защитить разделы
/dashboardи/profileчерез middleware - вынести настройки аутентификации в один
auth.tsвместо разбросанного кода - сгенерировать
AUTH_SECRETи разложить переменные окружения по.env.local
Примеры запросов агенту
- помоги настроить Auth.js v5 в этом Next.js-проекте
- добавь Google OAuth провайдер в
auth.ts - настрой middleware, чтобы неавторизованных редиректило на
/auth/signin
Как установить authjs-skills
1Через Skills CLI (Vercel)
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a claude-code2Вручную: положить файлы
~/.claude/skills/authjs-skills/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/authjs-skills/
1Через Skills CLI (Vercel)
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a codex2Вручную: положить файлы
.agents/skills/authjs-skills/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a cursor2Вручную: положить файлы
.cursor/skills/authjs-skills/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install gocallum/nextjs16-agent-skills authjs-skills2Вручную: положить файлы
.github/skills/authjs-skills/SKILL.md1Через Skills CLI (Vercel)
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a gemini-cli2Командой платформы
gemini skills install https://github.com/gocallum/nextjs16-agent-skills --path skills/authjs-skillsВручную: положить файлы
.devin/skills/authjs-skills/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора3
Похожие
Рядом в теме «Бэкенд и API»
Всё по теме «Бэкенд и API» →Вопросы о authjs-skills
Как установить authjs-skills в Claude?
Выполните npx skills add gocallum/nextjs16-agent-skills --skill authjs-skills -a claude-code. Скилл окажется в ~/.claude/skills/authjs-skills/SKILL.md.
Что делает authjs-skills?
Проводит агента по настройке Auth.js v5 в Next.js: конфигурация auth.ts, роут-хендлер, middleware, провайдеры Google и Credentials, переменные окружения.
Что нужно для работы скилла?
Проект на Next.js и установленный next-auth@beta. Для Google-входа нужны AUTH_GOOGLE_ID и AUTH_GOOGLE_SECRET, для входа по паролю — bcryptjs и zod.
