LogoClawIndex
案例技能关于
LogoClawIndex

validating-ui - 验证前端实现后的界面正确性

在浏览器中验证前端界面的视觉正确性、运行状况、设计一致性、回归情况并给出通过或失败结论。

标签

更新于: 2026-09-28
前端界面验证浏览器测试视觉回归运行时验证Figma 对比

能力

验证页面加载检查控制台和网络测试响应式视口验证交互状态

典型输入

前端代码变更界面验证工单运行中的开发服务器

典型输出

验证结论浏览器观察结果控制台和网络检查结果

该技能可以做什么

  • 验证页面加载
  • 检查控制台和网络
  • 测试响应式视口
  • 验证交互状态
  • 对比 Figma 设计
  • 检查运行状况
  • 检查回归行为
  • 验证跟踪事件
  • 恢复不可达界面
  • 报告验证结论

输入

  • 前端代码变更
  • 界面验证工单
  • 运行中的开发服务器
  • 浏览器自动化访问权限
  • Figma 设计参考
  • 身份验证状态
  • 区域和市场设置
  • 功能标记分配
  • 测试或产品数据

输出

  • 验证结论
  • 浏览器观察结果
  • 控制台和网络检查结果
  • 视口验证证据
  • 设计对比结果
  • 回归检查结果
  • 跟踪验证结果
  • 截图和页面快照

要求

  • 已通过 lint、类型和测试检查
  • 可通过浏览器访问的应用
  • 可用的 playwright-cli
  • 所需凭据和环境访问权限

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。