Agent Skills
› payloadcms/payload
payloadcms/payload
GitHub用于修复依赖安全漏洞，支持运行审计脚本、追踪依赖链并按优先级（直接升级、锁文件更新、pnpm覆盖）应用修复方案。
安装全部 Skills
npx skills add payloadcms/payload --all -g -y
集合内 Skills (16)
用于修复依赖安全漏洞，支持运行审计脚本、追踪依赖链并按优先级（直接升级、锁文件更新、pnpm覆盖）应用修复方案。
修复依赖漏洞
运行 pnpm audit
audit-dependencies CI检查失败
npx skills add payloadcms/payload --skill audit-dependencies -g -y
用于编写、运行和调试基于 Playwright 的视觉回归测试，包括生成基线截图及在 CI 中排查失败的截图对比。
编写视觉回归测试用例
生成或更新基线截图
本地运行视觉测试
调试 CI 中的截图对比失败
npx skills add payloadcms/payload --skill e2e-write-visual-test -g -y
指导在 Payload 核心包或插件中添加新翻译键时，如何配置英文源文件、客户端密钥并运行脚本自动生成多语言翻译。
新增翻译键
生成多语言字符串
npx skills add payloadcms/payload --skill generate-translations -g -y
用于评估和修复 Payload UI 的无障碍访问性，涵盖 WCAG/VPAT 证据生成、对比度检查及键盘行为。支持按需审查代码变更，报告问题并指导修复与回归测试。
构建或评估 Payload UI 无障碍性
修改样式、内容、交互或焦点行为
生成 WCAG/VPAT 合规证据
进行无障碍测试
npx skills add payloadcms/payload --skill payload-accessibility -g -y
用于为Payload功能拉取请求生成面向审查者的屏幕录制演示视频。通过模拟浏览器手势操作展示功能，强制本地审核与哈希校验确保内容安全，支持无障碍演示及变更标注，旨在提供直观的功能验证材料。
需要为代码拉取请求制作功能演示视频
用户请求生成PR的可视化 walkthrough
npx skills add payloadcms/payload --skill record-pr-demo -g -y
系统化排查CI中E2E测试失败（特别是Flaky测试）的技能，支持通过PR URL聚合失败项，强制本地复现以定位问题。
CI主分支合并后测试失败
用户询问Flaky或间歇性测试故障
用户提供PR链接或编号
npx skills add payloadcms/payload --skill triage-ci-flake -g -y
在UI变更完成后，系统分析代码差异以识别受影响的选择器、结构或文本变化，进而定位并修复相关的E2E测试用例，确保CI通过。
UI组件已完成修改
CI因UI变更导致测试失败
npx skills add payloadcms/payload --skill ui4-convert-tests -g -y
审查并自动修复UI4 CSS迁移中的Token违规问题，包括硬编码值、旧命名及SCSS嵌套错误。
需要审查CSS文件以符合UI4 Token规范
检测并修复CSS中的硬编码颜色或间距
npx skills add payloadcms/payload --skill ui4-review -g -y
用于手动重构Payload前端UI组件，包括图标扫描与实现、SCSS转CSS迁移及整体UI重皮肤化。
需要更新或创建UI组件的图标
需要将现有组件的样式从SCSS迁移至CSS
根据Figma设计稿进行UI界面重绘
npx skills add payloadcms/payload --skill ui4 -g -y
用于修复依赖漏洞，通过运行审计脚本识别风险，按直接升级、锁文件更新或覆盖的优先级处理，并验证修复效果。
修复依赖漏洞
运行 pnpm audit
audit-dependencies CI 检查失败
npx skills add payloadcms/payload --skill audit-dependencies -g -y
用于编写和运行 Playwright 视觉回归测试，包括生成基线截图、本地执行及调试 CI 中的截图比对失败。
编写视觉回归测试
生成或更新基线截图
在 CI 中调试截图比对失败
npx skills add payloadcms/payload --skill e2e-write-visual-test -g -y
指导在Payload项目中为新增翻译键生成多语言字符串，涵盖核心包与插件的翻译文件添加、客户端密钥配置及自动化脚本调用流程。
新增翻译键
插件缺少翻译文件夹
npx skills add payloadcms/payload --skill generate-translations -g -y
用于排查CI中E2E测试失败，特别是Playwright在CI环境下的偶发性问题。支持通过PR链接聚合失败用例，强制本地复现后定位根因并修复。
CI测试在合并到main分支后失败
测试在本地通过但在CI中失败
用户提供了包含失败检查的PR URL或编号
npx skills add payloadcms/payload --skill triage-ci-flake -g -y
用于在UI变更完成后，系统性地分析代码差异以识别受影响的端到端测试，并指导修复这些测试。适用于CI失败或PR前的测试维护场景。
UI组件完成修改
CI因UI变更导致测试失败
提交PR前需要确保测试通过
npx skills add payloadcms/payload --skill ui4-convert-tests -g -y
审查并自动修复UI4 CSS迁移中的令牌使用违规，包括硬编码值、旧变量和SCSS嵌套问题。
CSS代码审查
前端样式重构
npx skills add payloadcms/payload --skill ui4-review -g -y
针对 Payload CMS 项目的开发辅助技能，涵盖配置、字段、钩子、访问控制及 API 查询。支持调试验证错误、安全问题和事务处理，提供快速参考以加速内容管理与全栈开发。
Payload项目配置与开发
调试Payload验证或安全问题
查询Payload API或关系数据
npx skills add payloadcms/payload --skill payload -g -y
