（3590期）web-replication – 授权合规的网站前端视觉还原工具

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