web-replication

核心用法

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

核心用法

glmv-web-replication是一款专注于前端视觉复制的技术指导型Skill，其工作流程分为五个阶段：初始化→递归采集页面构建站点地图→生成摘要输出→前端视觉复制→视觉对比与修正。该Skill本身不包含可执行代码，而是通过调用Playwright MCP或agent-browser工具间接实现功能，用户需要提供目标网站URL并确认拥有合法复制权限后，Skill将自动探索所有公开页面，捕获完整截图、交互状态、资源文件，并构建结构化的"网站复制蓝图"。蓝图采用嵌套文件夹组织，清晰映射网站信息架构与导航路径，最终基于蓝图使用前端技术栈重建高保真视觉复制品。

显著优点

极致安全性：纯Markdown文档型设计，无可执行代码、无外部依赖、无网络调用，从根本上杜绝恶意代码注入风险。 法律风险前置管控：强制授权门槛设计，必须在用户确认拥有网站所有权或明确书面许可后才可继续，有效规避版权侵权风险。 结构化采集流程：标准化的页面采集协议，包含全页截图、滚动序列、交互状态捕获、资源下载等环节，确保视觉信息完整性。 蓝图即文档：生成的文件夹结构既是数据采集结果，也是可视化的站点地图和导航关系图，便于后续分析与复用。 技术栈无关：不绑定特定前端框架，用户可基于蓝图自由选择React/Vue/纯HTML等实现方案。

潜在缺点与局限性

功能边界严格受限：仅能复制前端视觉表现，无法还原后端逻辑、数据库、认证系统、API业务逻辑等非公开内容，复制品为静态/客户端渲染的"壳"。 依赖外部工具：核心功能依赖Playwright MCP或agent-browser的可用性，若环境未配置则无法运行。 采集成本较高：大型网站的全量页面递归探索、截图、交互测试可能消耗大量时间与存储资源。 动态内容局限：AJAX加载的异步内容、复杂用户会话状态、需要特定触发条件的交互可能难以完整捕获。 法律灰色地带：尽管设置了授权门槛，但用户虚假确认、合理使用边界争议等仍可能引发法律纠纷，Skill无法实质验证用户权限真实性。

适合的目标群体

前端开发者与UI工程师：需要快速创建高保真原型、学习优秀网站设计模式、进行竞品界面分析。 产品设计师：希望基于现有网站进行改版设计，需要先获取完整的视觉参考基准。 开发者教育与培训：用于教学演示现代网页结构、交互设计模式和前端工程实践。 合法站点所有者：拥有网站所有权但需要创建静态镜像、设计备份或迁移参考的用户。 开源项目贡献者：需要为文档站点、示例项目创建可离线浏览的静态副本。

使用风险说明

性能风险：大规模站点采集可能触发目标网站反爬虫机制，导致IP受限或访问中断；本地存储大量高清截图和资源文件可能快速消耗磁盘空间。 工具链风险：实际网络访问通过agent-browser/Playwright MCP间接实现，需确保这些MCP工具来源可信且版本安全。 数据残留风险：采集过程中可能意外捕获含敏感信息的页面（如测试环境暴露的调试信息、错误堆栈），需人工审查蓝图内容。 合规边界风险：尽管Skill明确禁止抓取登录保护内容和PII，但用户误操作或目标网站权限配置错误仍可能导致非预期数据采集。 复制品质量风险：视觉还原度受蓝图完整性、前端技术选型、响应式适配等因素影响，复杂动效和高级CSS特性可能无法完美复现。