payloadcmsOfficial·9 Agent Skills Included

payload

Build and maintain Next.js CMS projects with AI-guided workflows

Guides AI agents through building, testing, and maintaining Payload CMS projects inside Next.js apps. Covers UI component reskinning from Figma, fixing flaky end-to-end tests, patching dependency vulnerabilities, and generating translations. Eliminates guesswork in access control, hooks, transactions, and content modeling so agents ship correct Payload code faster.

44,525|4,117

↗

npx skills add payloadcms/payload --all -g -y

Available:

Tells the AI agent how the Payload monorepo is structured and enforces its coding patterns, testing rules, and browser-based verification steps when working on the codebase.

All Skills in This Repository (9)

Pure Emerald Level Indicators

📦 In Repo

payloadcms

payload

Develop headless CMS solutions with Next.js and TypeScript.

ui4-convert-tests

Analyze diff output to identify and update affected e2e tests for React UI changes.

ui4

Automate Payload CMS UI reskinning from Figma designs with SCSS to CSS migration.

audit-dependencies

Audit dependency vulnerabilities and apply fixes via pnpm overrides.

ui4-review

Automate UI4 CSS migration reviews and auto-correct token violations.

triage-ci-flake

Triage CI test failures and reproduce flaky tests across environments.

generate-translations

Generate translation strings for new Payload CMS translation keys using Bash scripts.

e2e-write-visual-test

Writes and runs Playwright visual regression tests with Docker-generated screenshot baselines.

payload

Configure Payload CMS collections, fields, hooks, access control, and queries in Next.js projects.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install Payload skills?▼

Run `npx skills add payloadcms/payload --all -g -y` in your terminal to install all skills in this suite globally.

What is Payload CMS used for?▼

Payload is an open-source, Next.js native headless CMS that gives you an admin panel, database APIs, authentication, and file storage inside your own app folder.

How do these skills help with Payload development?▼

They teach your AI agent the correct patterns for collections, fields, hooks, access control, and queries so it writes secure Payload code without common mistakes like bypassing access control.

Can AI fix flaky Playwright tests in Payload?▼

Yes. The triage-ci-flake skill forces the agent to reproduce CI failures locally first, then fix root causes like race conditions and test pollution instead of guessing.

Do these skills work with Claude Code and Cursor?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, and other compatible AI coding agents.