Agent Skills
› payloadcms/payload
payloadcms/payload
GitHub用于修复依赖漏洞,通过运行审计脚本识别风险,按直接升级、锁定文件更新或 pnpm 覆盖的顺序进行修复,并验证构建结果。
Install All Skills
npx skills add payloadcms/payload --all -g -y
Skills in Collection (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 核心包或插件中添加新翻译键时,自动生成多语言翻译字符串。涵盖添加英文源文件、注册客户端 Key 及运行脚本生成其他语言版本,支持新建插件翻译目录结构。
需要为新的 UI 文案或功能添加多语言翻译
为新创建的插件初始化翻译系统
npx skills add payloadcms/payload --skill generate-translations -g -y
评估 Payload UI 变更的可访问性,涵盖 WCAG 2.2 AA 合规审查、原生语义实现及端到端测试。指导在指定路径添加自动化与屏幕阅读器证据,确保生产环境交互符合无障碍标准并生成详细报告。
审查或修改 Payload UI 渲染、交互或焦点行为
执行可访问性测试或收集 WCAG/VPAT 合规证据
npx skills add payloadcms/payload --skill payload-accessibility -g -y
用于为 Payload 项目的 Pull Request 生成简短的演示视频,帮助审查者直观理解功能变更。包含本地录制、完整性校验及人工审批流程,确保上传安全。
需要为 PR 提供视觉演示
请求生成功能特性或修复的屏幕录像
npx skills add payloadcms/payload --skill record-pr-demo -g -y
用于排查CI中主分支合并后失败的E2E测试,特别是本地通过但CI不稳定的Flaky测试。支持通过PR链接聚合失败信息并执行复现工作流。
CI测试在主分支合并后失败
测试本地通过但在CI中失败
测试被标记为Flaky或间歇性失败
用户提供包含失败检查的PR URL或编号
npx skills add payloadcms/payload --skill triage-ci-flake -g -y
用于在UI变更完成后,分析变更类型并系统性定位及修复受影响的端到端测试。通过解析Git Diff识别选择器、结构或文本变化,进而更新相关测试用例以确保CI通过。
UI组件变更已完成
CI因UI改动导致测试失败
提交PR前需确保测试通过
npx skills add payloadcms/payload --skill ui4-convert-tests -g -y
审查CSS变更并自动修复UI4令牌违规,确保使用语义化变量而非硬编码值。通过并行检测SCSS嵌套、硬编码间距/颜色及旧版变量等问题,按优先级自动替换为正确的--color-*语义令牌,提升代码规范与主题兼容性。
审查CSS迁移中的令牌使用情况
检测并自动修复CSS硬编码值和旧版变量
npx skills add payloadcms/payload --skill ui4-review -g -y
用于根据 Figma 设计稿手动重绘 Payload UI 组件的 Skill。流程包括扫描图标依赖、对比差异,并将 SCSS 样式迁移至 CSS,确保视觉一致性。
需要修改 UI 组件外观
提供 Figma 链接要求更新界面
SCSS 转 CSS 重构任务
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 CMS 进行内容建模
调试 Payload 验证错误或安全漏洞
配置 Payload 访问控制或关系查询
npx skills add payloadcms/payload --skill payload -g -y


