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

payload — скилл для Claude Code: что делает и как установить

Помогает настраивать коллекции, хуки и права доступа в проектах на Payload CMS. Пригодится при отладке запросов, транзакций и валидации.

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

Что делает payload

Скилл даёт ассистенту справочные правила по архитектуре Payload CMS для Next.js. Он ориентирован на работу с payload.config.ts, связями между коллекциями, контролем доступа на уровне строк и вызовами через локальный API.

Внутри собраны рецепты под типовые сценарии: черновики через versions: { drafts: true }, виртуальные поля с hooks.afterRead и каскадное удаление в beforeDelete. Для предотвращения бесконечных циклов в хуках используется проверка req.context. Если передать транзакции без проброса req через операции, изоляция данных сломается.

Также скилл подсказывает синтаксис геозапросов для полей point, настройку очередей фоновых задач и структуру плагинов с компиляцией через SWC.

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

  • настроить контроль доступа на уровне строк через запросы
  • предотвратить зацикливание хуков с помощью проверки req.context
  • добавить версионирование и черновики в коллекцию
  • пробросить req в операции локального API для сохранения транзакций

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

  • Покажи, как настроить черновики и публикации для коллекции статей в payload.config.ts
  • Как предотвратить зацикливание хука afterChange при ревалидации Next.js?
  • Напиши хук beforeDelete для каскадного удаления связанных записей

Как установить payload

1Через Skills CLI (Vercel)

npx skills add payloadcms/skills --skill payload -a claude-code

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

~/.claude/skills/payload/SKILL.md

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

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

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

Похожие

modern-web-development Mindrally Набор правил для современного веб-стека: TypeScript, Next.js 14, React Server Components, Supabase, GraphQL и Tailwind CSS. Пригодится, когда агент пишет фронтенд и API в одном проекте. CX Codex +1 1 200установок graphql-development Mindrally Набор правил для GraphQL: схема, типизированные клиенты, интеграция с React и Next.js. Пригодится, когда агент пишет резолверы и запросы. CX Codex +1 661установок sanity-best-practices sanity-io Набор правил разработки на Sanity для ИИ-агента: схемы, GROQ, TypeGen, визуальный редактор, миграции и подключение к фронтенд-фреймворкам. Нужен, когда агент правит код проекта на Sanity. CX Codex +1 31 800установок contentful-nextjs contentful Подключает Contentful к существующему проекту Next.js: SDK, переменные окружения, клиенты для продакшена и превью, Draft Mode. CX Codex +1 333установок contentful-api contentful Скилл-справочник по REST API Contentful: управление контентом, доставка, превью, картинки и GraphQL. Все примеры на curl, без привязки к языку. CX Codex +1 382установок nestjs giuseppe-trisciuoglio Подсказывает агенту паттерны NestJS: CRUD-модули, JWT-гарды, схемы Drizzle и миграции. Пригодится, когда собираешь API на NestJS. CX Codex +1 4 200установок

Рядом в теме «Бэкенд и API»

Всё по теме «Бэкенд и API» →

Вопросы о payload

Как установить payload в Claude Code?

Для установки выполните команду npx skills add payloadcms/skills --skill payload -a claude-code.

Что делает скилл payload?

Он обучает ИИ-ассистента архитектуре Payload CMS в связке с Next.js и TypeScript. Скилл помогает писать конфигурации коллекций, настраивать хуки жизненного цикла и отлаживать запросы к базе данных.

Как избежать бесконечных циклов при вызове хуков?

Потребуется проверять контекст внутри объекта req.context. Это позволяет хуку распознать повторный вызов и вовремя прервать выполнение операции.

Смотрите также

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

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