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

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

Скилл учит ИИ-агента обрабатывать ошибки валидации в next-safe-action. Пригодится при настройке серверных экшенов с Zod и выводе сообщений в формах.

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

Что делает safe-action-validation-errors

Скилл содержит правила для генерации серверных экшенов в Next.js с помощью библиотеки next-safe-action. Агент узнаёт, как отдавать клиенту ошибки из двух источников: автоматической проверки схемы входных данных и ручных проверок бизнес-логики в коде сервера.

Внутри описана работа функции returnValidationErrors. Она выбрасывает внутреннее исключение ActionServerValidationError, поэтому выполнение экшена сразу прерывается и управление дальше не идёт. Код ниже этой строчки никогда не запустится.

Также руководство подсказывает структуру ответов: вложенный формат по умолчанию с массивами _errors или плоский вариант с fieldErrors и formErrors. Это помогает модели писать точный JSX-код для рендеринга ошибок формы и отдельных полей.

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

  • вернуть ошибку уникальности поля из серверного экшена
  • сформировать общие ошибки формы на уровне корня схемы
  • отрисовать вложенные ошибки валидации в React-компоненте
  • переключить формат ошибок между древовидным и плоским

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

  • Сделай серверный экшен регистрации через next-safe-action с проверкой занятости email через returnValidationErrors
  • Покажи разметку для вывода ошибок валидации формы в стандартном формате next-safe-action
  • Как вернуть общую ошибку формы на уровне корня схемы без привязки к конкретному полю?

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

1Через Skills CLI (Vercel)

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

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

~/.claude/skills/safe-action-validation-errors/SKILL.md

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

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

Вопросы о safe-action-validation-errors

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

Выполните команду npx skills add next-safe-action/skills --skill safe-action-validation-errors -a claude-code.

Зачем нужен этот скилл?

Он даёт модели инструкции по работе с ошибками схем и кастомными проверками в next-safe-action. Ассистент перестаёт путать форматы _errors и правильно прерывает экшены.

Что происходит при вызове returnValidationErrors?

Функция всегда выбрасывает исключение ActionServerValidationError, которое перехватывает библиотека. Код после неё не выполняется, а клиент получает результат в result.validationErrors.

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

Все скиллы по теме «Фронтенд и UI» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. CX Codex +1 1 200 000установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. CX Codex +1 1 300 000установок webapp-testing официальный anthropics Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. 186 758установок

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

safe-action-middleware Скилл объясняет, как писать middleware для next-safe-action: аутентификация, авторизация, логирование, лимиты и расширение контекста. CX Codex +1 1 200установок safe-action-advanced Скилл помогает разбирать расширенные возможности next-safe-action: bind-аргументы, metadata, ошибки фреймворка и серверные callbacks. CX Codex +1 1 200установок safe-action-hooks Скилл подсказывает агенту, какой хук next-safe-action взять для формы или оптимистичного UI и как связать его с серверным действием. CX Codex +1 1 200установок safe-action-client Помогает агенту объявлять и настраивать серверные действия next-safe-action с валидацией через Zod или Valibot. Пригодится при типизации Server Actions в Next.js. CX Codex +1 1 200установок safe-action-forms Скилл помогает подключать next-safe-action к React-формам, включая React Hook Form, нативные формы и загрузку файлов. CX Codex +1 1 200установок safe-action-testing Подсказывает агенту, как писать тесты для экшенов и хуков next-safe-action на Vitest: валидация, middleware, серверные ошибки. CX Codex +1 1 100установок safe-action-better-auth Скилл подключает Better Auth к next-safe-action: middleware сам достаёт сессию, режет неавторизованные запросы и отдаёт типизированный контекст. CX Codex +1 477установок safe-action-tanstack-query Помогает связывать next-safe-action с TanStack Query: мутации, ошибки, optimistic updates и очистка клиентского кэша. Нужен при работе с React Query. CX Codex +1 438установок

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

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