LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

visual-ralph - 前端UI可视化实现与像素级验证

基于视觉参考协调前端UI实现,使用像素级判定进行迭代

标签

更新于: 2026-05-11
前端UI实现视觉测试设计系统像素匹配Web开发视觉回归截图测试

能力

典型输入

典型输出

该技能可以做什么

  • 生成UI模型参考
  • 捕获URL基线
  • 运行视觉判定
  • 生成像素差异
  • 提取设计标记
  • 比较截图
  • 验证实现

输入

  • 用户UI描述
  • 实时URL
  • 静态参考图像
  • 目标代码仓库
  • 视口规范
  • 内容状态说明
  • 交互对等说明
  • 截图命令

输出

  • 已批准参考图像
  • 已实现前端UI
  • 视觉判定分数
  • 像素差异证据
  • 设计系统标记
  • 组件库
  • 截图产物

要求

  • 目标代码仓库
  • $ralph技能
  • 视觉代理访问
  • 图像生成能力
  • 截图捕获工具

来源

  • 规范: SKILL.md
生成UI模型参考
捕获URL基线
运行视觉判定
生成像素差异
用户UI描述
实时URL
静态参考图像
已批准参考图像
已实现前端UI
视觉判定分数