К основному содержанию
скилл CX Codex

nuxt-better-auth — скилл для Claude Code: установка и настройка

Направляет настройку аутентификации Nuxt через @nuxtjs/better-auth: от сессий и маршрутов до серверных API и плагинов.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add onmax/nuxt-skills --skill nuxt-better-auth -a claude-code
Открыть на GitHub

Что делает nuxt-better-auth

Скилл подбирает справочный файл под задачу: установку модуля, клиентскую или серверную аутентификацию, защиту страниц, базу данных, типы либо режим clientOnly. Он помогает работать с API @nuxtjs/better-auth в Nuxt-проекте.

Защищённые чтения и изменения API нужно проверять на сервере через requireUserSession(event). Для перенаправлений подходят только проверенные локальные пути. После изменения полей сессии на сервере вызывается refreshSessionCookieCache(event), а клиентские конечные точки, меняющие текущую сессию, оборачиваются в runWithSessionRefresh().

Перед использованием каждого API нужно сверять версию пакета с lockfile, потому что скилл может быть новее установленной зависимости. В режиме clientOnly нельзя рассчитывать на локальные серверные помощники или гидратацию SSR-сессии. В конце он требует запустить проверку типов и наиболее узкий тест аутентификации.

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

  • настроить модуль @nuxtjs/better-auth в Nuxt
  • защитить страницу или API-маршрут сессией
  • получить состояние сессии на клиенте
  • обновить кэш cookie после изменения сессии
  • подключить плагины Better Auth и их клиентские части

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

  • «Настрой @nuxtjs/better-auth в моём Nuxt-проекте и проверь переменные окружения.»
  • «Защити этот API-обработчик через requireUserSession(event).»
  • «После изменения полей сессии добавь refreshSessionCookieCache(event).»

Как установить nuxt-better-auth

1Через Skills CLI (Vercel)

npx skills add onmax/nuxt-skills --skill nuxt-better-auth -a claude-code

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

~/.claude/skills/nuxt-better-auth/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/nuxt-better-auth/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о nuxt-better-auth

Как установить nuxt-better-auth в Claude Code?

Выполните npx skills add onmax/nuxt-skills --skill nuxt-better-auth -a claude-code, затем повторите npx skills add onmax/nuxt-skills --skill nuxt-better-auth -a claude-code. Файл скилла находится в ~/.claude/skills/nuxt-better-auth/SKILL.md.

Что делает nuxt-better-auth?

Скилл направляет работу с аутентификацией Nuxt через @nuxtjs/better-auth. Он покрывает настройку модуля, клиентские и серверные сессии, защиту маршрутов, плагины, типы и clientOnly.

Что учитывать при режиме clientOnly?

В clientOnly нельзя использовать локальные серверные помощники и ожидать гидратацию сессии через SSR. Для каждого API также нужно сверять версию установленного пакета.

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

SKILL.md · MIT
---
name: nuxt-better-auth
description: Guides authentication in Nuxt apps using @nuxtjs/better-auth. Use when installing or configuring the module, using its client or server APIs, protecting routes, refreshing sessions, or integrating Better Auth plugins.
license: MIT
---

# Nuxt Better Auth

Use the smallest reference that matches the task.

## Pick a reference

| Task                                                                                         | Read                                                             |
| -------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- |
| Install the module, configure environment variables, or create config files                  | [references/installation.md](references/installation.md)         |
| Read client session state, build auth forms, call plugins, or fetch auth-bound data          | [references/client-auth.md](references/client-auth.md)           |
| Read or enforce sessions in server handlers, create sessions, or refresh cached session data | [references/server-auth.md](references/server-auth.md)           |
| Protect pages or API routes and configure redirects                                          | [references/route-protection.md](references/route-protection.md) |
| Register Better Auth plugins and their client companions                                     | [references/plugins.md](references/plugins.md)                   |
| Configure NuxtHub, generated schema, or secondary storage                                    | [references/database.md](references/database.md)                 |
| Connect a Nuxt frontend to an external Better Auth server                                    | [references/client-only.md](references/client-only.md)           |
| Use inferred auth types or add project fields                                                | [references/types.md](references/types.md)                       |

## Rules that apply across tasks

- Confirm the consumer's installed package version supports each API you use. The published skill may be newer than the consumer's lockfile.
- Enforce protected API reads and mutations server-side with `requireUserSession(event)`. Route rules and page meta also control navigation.
- Navigate only to validated local redirect paths.
- In `clientOnly` mode, do not use local server helpers or expect SSR session hydration.
- After server-side changes to session payload fields, call `refreshSessionCookieCache(event)`. Wrap custom client auth endpoints that create or change the current session with `runWithSessionRefresh()`.

Before finishing an implementation, run the consumer's typecheck and the narrowest relevant auth test.

## Resources

- [Documentation site](https://better-auth.nuxt.dev)
- [Better Auth docs](https://www.better-auth.com/)

© onmax · MIT · onmax/nuxt-skills

Похожие скиллы

Всё по теме «Фронтенд и UI» →
better-auth-core bobmatnyc Скилл для настройки Better Auth в TypeScript-приложениях: инстанс, серверные обработчики, клиент и сессии. Пригодится, когда нужно подключить аутентификацию без долгих поисков по докам. CX Codex +1 358установок better-auth giuseppe-trisciuoglio Скилл с готовыми шаблонами Better Auth: подключение к NestJS, Drizzle ORM и PostgreSQL, вход через соцсети и плагины вроде 2FA и passkey. CX Codex +1 3 600установок safe-action-better-auth next-safe-action Скилл подключает Better Auth к next-safe-action: middleware сам достаёт сессию, режет неавторизованные запросы и отдаёт типизированный контекст. CX Codex +1 477установок better-auth-authentication bobmatnyc Скилл для TypeScript-приложений: помогает настроить вход по email и паролю, социальные провайдеры и проверку почты. CX Codex +1 389установок better-auth-security-best-practices better-auth Настраивает защиту Better Auth: ограничивает частоту запросов, проверяет происхождение, шифрует токены и защищает пользовательские сессии. CX Codex +1 48 000установок create-auth better-auth Скилл проводит агента через планирование и настройку аутентификации в TypeScript/JavaScript-проекте на Better Auth: от сканирования кода до страниц входа. CX Codex +1 13 400установок

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

reka-ui Скилл для работы с Reka UI — библиотекой unstyled компонентов Vue 3 с полной поддержкой доступности. Пригодится, если вы собираете интерфейсы с нуля или используете Nuxt UI и shadcn-vue. CX Codex +1 7 400установок nuxt-seo Помогает агенту настроить SEO в Nuxt: robots, карту сайта, OG-изображения и структурированные данные. Пригодится при работе с @nuxtjs/seo. CX Codex +1 3 100установок nuxt-content Скилл для работы с @nuxt/content: коллекции, схемы, запросы и рендер Markdown. Пригодится, когда проект на Nuxt растёт и контент пора приводить к типам. CX Codex +1 2 800установок nuxt-modules Скилл помогает создавать модули для Nuxt: локальные расширения в папке modules/, пакеты для npm, серверные роуты и плагины с настройкой тестов и CI/CD. CX Codex +1 2 700установок nuxthub Помогает настраивать NuxtHub v0.10.8 с базой данных на Drizzle ORM, KV-хранилищем и blob. Пригодится при сборке бэкенда Nuxt под Cloudflare, Vercel или локальный PGlite. CX Codex +1 2 200установок nuxt-studio Помогает настроить self-hosted Nuxt Studio: авторизацию, медиа, черновики и публикацию через Git. Пригодится, когда контент-редактор надо поднять на своём домене. CX Codex +1 1 600установок nuxt-i18n Скилл для ИИ-агента, который помогает настроить локали, маршруты и SEO в Nuxt-приложении через @nuxtjs/i18n. CX Codex +1 589установок

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

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