web-replication

🎨 授权合规的网站前端视觉还原工具

基于Playwright的前端视觉还原工具,通过系统截图与交互录制生成网站复刻蓝图,仅复制公开可见的UI层,需用户确认合法授权

收藏
3.1k
安装
1k
版本
1.0.2
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

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 与速率限制
  • 输出文件明确标注"参考与原型用途",除非用户确认完整权利

web-replication 内容

手动下载zip · 8.1 kB
skill-card.mdtext/markdown
请选择文件