visual-ralph - 前端UI可视化实现与像素级验证
基于视觉参考协调前端UI实现,使用像素级判定进行迭代
标签
更新于: 2026-05-11能力
典型输入
典型输出
该技能可以做什么
- 生成UI模型参考
- 捕获URL基线
- 运行视觉判定
- 生成像素差异
- 提取设计标记
- 比较截图
- 验证实现
输入
- 用户UI描述
- 实时URL
- 静态参考图像
- 目标代码仓库
- 视口规范
- 内容状态说明
- 交互对等说明
- 截图命令
输出
- 已批准参考图像
- 已实现前端UI
- 视觉判定分数
- 像素差异证据
- 设计系统标记
- 组件库
- 截图产物
要求
- 目标代码仓库
- $ralph技能
- 视觉代理访问
- 图像生成能力
- 截图捕获工具
