caomeiyouren/cmyr-skills-agents/ui-validator

Claude Code and agent skill by caomeiyouren/cmyr-skills-agents

Trust tier 2
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

任何可见 UI 改动、交互变更、样式修复、响应式适配、暗色模式适配和浏览器侧回归验证都应使用。它负责在真实页面中验证实际渲染效果，而不是只看代码。用户提到 UI validate、screenshot、browser check、responsive、dark mode、视觉回归时都应触发。

Install

npx vskill@latest install caomeiyouren/cmyr-skills-agents/ui-validator

SKILL.md

UI Validator

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

项目覆盖：若存在 .ai/overrides/skills/ui-validator.md，先加载并按其规则执行；冲突时以覆盖文件为准（优先级：会话 > 项目覆盖 > 核心默认）。

工作流

  • [ ] 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 如果发现回归，反馈到前端实现阶段处理。

重点检查

  • light / dark 模式。
  • desktop / mobile 布局。
  • 关键交互状态。
  • 对比度、间距、圆角、层级、溢出和禁用态。

反模式

  • 不开页面，只读代码就宣布 UI 正常。
  • 只看一张截图，不验证交互状态。
  • 不说明问题发生条件和视口尺寸。

交付前检查

  • [ ] 已在真实页面验证关键场景。
  • [ ] 已留截图、快照或样式值证据。
  • [ ] 已覆盖至少两种主题或关键视口。
  • [ ] 结论中明确了通过项与残余问题。

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
2
Repository forks
1
7-day trend score
5

Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 6 Apr 2026, 7 months ago.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/caomeiyouren/cmyr-skills-agents/ui-validator/badge)](https://verified-skill.com/skills/caomeiyouren/cmyr-skills-agents/ui-validator)

Something wrong with this skill or its page? Tell us.