Devotd Github
新发现编程智能体

albertirgi/replica — 基于参考画面的 UI 复刻技能

albertirgi/replica 是一款面向编码代理的技能,可依据网站或屏幕录制生成界面复刻版本,并从四个维度进行比较。

仓库信息albertirgi/replica ↗

albertirgi/replica 是一款面向编码代理的技能,可依据网站或屏幕录制生成界面复刻版本,并从四个维度进行比较。

GitHub 项目说明: Rebuild any UI from a reference and prove it with a score. An Agent Skill for Claude Code and other coding agents: captures a site, screenshot or screen recording, then scores the clone on layout, style, pixels and motion until it passes.

星标
★ 11
复刻
0
语言
JavaScript
许可证
MIT
查看原始来源 ↗在 GitHub 查看 ↗

albertirgi/replica 是一款面向编码代理的技能,可依据参考网站、截图或屏幕录制来重建界面。它可以在 Claude Code 以及其他编码代理中使用。据仓库说明,它会从布局、样式、像素、动效四个维度为复刻版本打分,并提供持续改进直至通过标准的流程。特定版本的发布信息在所给资料中没有。

该工具会把渲染后的页面转换成包含设计令牌、逐元素盒模型和计算后样式的规范,并与复刻版本进行比较。评分结果按四个维度划分,并把待修改项的影响和预期得分收益记录在报告以及机器可读资料中。如果未达到设定的标准,比较命令会以失败码结束。README 说明比较过程使用虚拟时钟和固定的执行条件,达到标准或最多迭代 8 次后即终止。这一结构帮助代理反复检查并修正参考画面与复刻版本之间的差异。

仓库中提供了复刻版本与参考版本的测试资料以及自带的测试脚本,因此可以确认基本的验证流程。不过,通用视觉比较究竟有多准确,仅凭 README 的说明无法独立验证。因此,从这个仓库能确认的,是用于比较和迭代改进的流程;所给资料中并没有依据断言该方法在各种画面上都能得到准确结果。