ui-validator

Installation
SKILL.md

UI Validator

铁律:没有真实渲染证据,就不能宣布 UI 改动完成。

工作流

  • Step 1: 开发环境自检 ⚠️ REQUIRED
    • 1.1 先确认目标服务是否已启动,避免重复拉起开发服务器。
    • 1.2 明确要访问的页面、组件演示路径或交互入口。
  • Step 2: 执行浏览器验证 ⚠️ REQUIRED
    • 2.1 至少检查默认主题和暗色模式。
    • 2.2 必要时检查移动端与桌面端视口。
    • 2.3 对关键交互执行点击、悬停、输入或状态切换。
  • Step 3: 留证据
    • 3.1 优先使用截图、可访问性快照或计算样式值作为证据。
    • 3.2 记录问题发生条件,而不是只说“样式不对”。
  • Step 4: 回归结论
    • 4.1 明确哪些场景通过、哪些仍有问题。
    • 4.2 如果发现回归,反馈到前端实现阶段处理。
Installs
5
GitHub Stars
2
First Seen
Feb 28, 2026
ui-validator — caomeiyouren/cmyr-skills-agents