用途:对目标网站进行前端视觉复刻。先递归探索公开页面,记录视觉内容、客户端交互逻辑与公开资源,整理为结构化“网站复刻蓝图”,再据此重建前端视觉副本,并做视觉对比与修订。
主要能力:按页面文件夹组织蓝图,用嵌套文件夹映射导航关系;每页保存整页截图、滚动截图序列、交互记录与交互状态截图、页面资源;生成站点地图、导航图(Mermaid)与站点元数据。复刻范围仅限前端视觉呈现,包括页面布局与样式、导航结构、公开可见文本与图片、CSS/设计令牌、客户端交互模式、静态资源;不包含后端逻辑、数据库、认证系统、API 业务逻辑、登录后内容及凭据密钥。
使用方式:需先安装 Playwright MCP 或 agent-browser 之一。流程分五阶段:初始化、递归采集并建站点地图、生成汇总输出、前端视觉复刻、视觉对比与修订。示例命令:mkdir -p blueprint/_assets;agent-browser open <target URL>;agent-browser set viewport 1920 1080;agent-browser wait --load networkidle;agent-browser screenshot blueprint/home/products/_scroll_00.png;agent-browser snapshot -i;agent-browser hover @e3;agent-browser click @e2;agent-browser select @e4 "Price: Low to High";agent-browser get url;agent-browser back;agent-browser close。
限制:开始前必须确认用户拥有该网站或获得明确书面授权,否则停止并建议改为原创设计。仅采集公开页面,不得越过登录墙;不得收集或存储凭据、API 密钥、会话令牌或个人信息;不得逐字复制受版权保护内容;遵守 robots.txt 与速率限制。截图须来自真实站点,交互须真实触发并逐一记录,资源尽量下载并记录失败原因。仅记录不评价,文件需实时更新。输出在未确认完整权利时仅供参考与原型用途。