核心用法
glmv-web-replication 是一个专门用于前端视觉还原的自动化技能,通过 Playwright MCP 或 agent-browser 工具对目标网站进行系统性探索,最终生成可复用的静态前端副本。
执行流程
1. 授权确认(强制)—— 用户必须确认拥有网站所有权或书面授权
2. 初始化项目 —— 创建蓝图目录结构,设定视口参数
3. 递归采集 —— 逐页截图、下载资源、遍历交互状态、滚动采集
4. 生成蓝图 —— 输出 _meta.md、_sitemap.md、_navigation_graph.md 及每页的 _page.md、_interactions.md
5. 前端复刻 —— 基于蓝图重建视觉近似的前端实现
6. 视觉比对 —— 并排渲染原站与复刻版,逐页校验差异
显著优点
- 结构化输出:嵌套文件夹天然映射网站信息架构,导航关系一目了然
- 全量交互记录:不仅截图,还系统记录 hover、click、select 等状态变化
- 资产完整采集:自动下载图片、字体、视频等静态资源,失败原因有日志
- 合规前置设计:强制授权确认门控,降低法律风险
潜在局限
- 仅前端可见层:不复制后端逻辑、数据库、认证会话、API 业务规则
- 公开页面限制:无法采集登录后内容;遇到 robots.txt 限制需遵守
- 动态数据静态化:AJAX 加载的数据会被"冻结"为采集时的快照
- 法律依赖用户:虽有授权门控,但无法自动核验用户声明的真实性
适合人群
- 前端开发者学习优秀站点的布局与交互设计
- 设计师快速生成可交互的视觉原型
- 拥有旧站授权、需要重建前端的技术团队
- 合规范围内的竞品界面分析(需确认不违反 ToS)
常规风险
| 风险类型 | 说明 |
|---------|------|
| 版权侵权 | 未获授权复制受版权保护的视觉设计、文案、图片 |
| ToS 违规 | 违反目标网站的《服务条款》或 robots.txt 爬虫限制 |
| 数据误采 | 意外捕获含 PII 或凭证的公开页面(需人工复核) |
| 功能误导 | 静态复刻无法替代原站后端,可能被误用于钓鱼仿站 |
关键合规要点
- 必须口头/书面确认授权,否则拒绝执行
- 绝不爬取登录后内容,不处理凭证、token、PII
- 尊重 robots.txt 与速率限制
- 输出文件明确标注"参考与原型用途",除非用户确认完整权利