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

safe-action-advanced — скилл для Claude Code: установка

Скилл помогает разбирать расширенные возможности next-safe-action: bind-аргументы, metadata, ошибки фреймворка и серверные callbacks.

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

Что делает safe-action-advanced

Скилл объясняет, как передавать дополнительные аргументы в actions через .bind(), прикреплять типизированные metadata и выводить типы с помощью InferSafeActionFnInput и InferSafeActionFnResult. Отдельно рассматриваются redirect, notFound, forbidden и unauthorized.

Внутри есть разбор callbacks второго аргумента .action(): onSuccess, onError, onSettled и onNavigation. Они выполняются на сервере, тогда как callbacks хуков useAction работают в браузере. Также скилл различает throwServerError и returnServerError().

Серверные колбэки выполняются в Node.js, поэтому код для браузерных хуков нельзя автоматически переносить в этот слой.

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

  • передать дополнительные аргументы в action через .bind()
  • типизировать metadata для middleware
  • обработать redirect, notFound, forbidden и unauthorized
  • вывести типы из action-функций и middleware
  • настроить серверные callbacks для успеха и ошибки

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

  • Объясни, как передать resourceId в action через .bind() и сохранить типы.
  • Покажи, как настроить onSuccess, onError и onSettled во втором аргументе .action().
  • Сравни throwServerError с returnServerError() и подскажи, какой вариант нужен для обработанной ошибки.

Как установить safe-action-advanced

1Через Skills CLI (Vercel)

npx skills add next-safe-action/skills --skill safe-action-advanced -a claude-code

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

~/.claude/skills/safe-action-advanced/SKILL.md

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

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

Вопросы о safe-action-advanced

Как установить safe-action-advanced в Claude Code?

Выполните npx skills add next-safe-action/skills --skill safe-action-advanced -a claude-code, затем проверьте файл ~/.claude/skills/safe-action-advanced/SKILL.md.

Что делает safe-action-advanced?

Скилл разбирает bind-аргументы, metadata, ошибки фреймворка, утилиты вывода типов и callbacks, заданные на уровне сервера.

Где выполняются callbacks из .action()?

Они выполняются на сервере в Node.js. Callbacks useAction относятся к браузеру и работают отдельно.

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

Все скиллы по теме «Бэкенд и API» →
nextjs-advanced-routing wsimmonds Скилл для ИИ-агента, который разбирает продвинутый App Router в Next.js: серверные экшены, Route Handlers, параллельные и перехватывающие маршруты. CX Codex +1 334установок typescript-advanced-types Seth Hobson Помогает агенту писать сложную типизацию TypeScript: generics, conditional types и преобразования типов. Нужен для библиотек, API-клиентов и строгих конфигураций. CX Codex 92 169установок nextjs-app-router giuseppe-trisciuoglio Даёт паттерны и примеры для Next.js 16+ с App Router: от Server Components до route.ts и кэширования. CX Codex +1 3 900установок mcp-server-skills gocallum Шаблон для сборки MCP-серверов в Next.js: общие Zod-схемы, лёгкий route и серверные экшены для веб-UI. CX Codex +1 385установок nextjs-client-cookie-pattern wsimmonds Скилл показывает, как из клиентского компонента Next.js выставить серверную куку через server action. Пригодится для тем, авторизации и языковых настроек. CX Codex +1 323установок typescript-advanced Pedro Nauck Помогает проектировать сложные типы TypeScript и проверять контракты во время компиляции. Пригодится, когда обычных аннотаций уже не хватает. CX Codex +1 552установок

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

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

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