用途：ui-validator 是面向 UI 改动的闭环验证技能，目标是确保代码层面的界面修改在真实浏览器中正确渲染，而不是只停留在代码预期。
主要能力：一是开发环境自检，访问页面前确认本地开发服务器（localhost:3000）是否活跃；端口检查可用 Test-NetConnection -ComputerName localhost -Port 3000（Windows）或 lsof -i:3000（POSIX），未启动时可异步执行 pnpm dev（isBackground: true）并等待约 5-10 秒就绪，已占用则不重复启动。二是浏览器自动化验证，使用浏览器工具（如 Chrome MCP）导航到受影响组件所在路由，通过修改 html 元素 class 添加或删除 dark 来切换暗色模式，并用截图、a11y 树快照或 evaluate_script 检查 getComputedStyle 的计算样式，同时模拟悬停、点击等交互验证反馈。三是改动对比与修复，确认问题是否修复、新功能是否符合 BEM 规范与样式变量；若发现样式冲突、覆盖不生效或对比度不足，则回到代码编辑阶段修复。
使用方式：遵循“先启动、后访问”，不假设服务器一直运行；所有 UI 修改需分别在亮色与暗色模式下检查；优先提供 getComputedStyle 的具体颜色值、尺寸信息或截图作为证据，而非模糊评价；任务总结中包含 UI 实际表现的简短描述，必要时引用截图路径。示例流程为：确认服务器、导航至演示页、添加 .dark 类、检查卡片 border-radius 与 background-color、截图反馈。
适用场景：需要验证主题模式、屏幕尺寸、交互状态的 UI 改动，例如组件样式调整、暗色模式适配与视觉回归检查。
限制：资料未提供具体支持的浏览器清单、配置方式、收费与平台信息；效果依赖开发服务器与浏览器工具环境，相关事实暂未提供。