核心用法
web-replication 是一项面向网站克隆场景的系统性技能，整合了浏览器自动化、结构化文档生成与前端重建三大能力。其核心工作流分为五个阶段：
1. 初始化：创建蓝图目录结构，配置浏览器视口参数
2. 递归采集：以深度优先策略遍历所有内部页面，执行标准化采集动作（截图→下载资源→遍历交互状态→滚动→重复）
3. 蓝图生成：输出站点地图、导航关系图及每个页面的结构化文档（_page.md、_interactions.md、截图序列、资源文件）
4. 网站重建：基于蓝图使用任意前端技术栈还原页面结构、视觉样式与交互逻辑
5. 对比验证：并行渲染原站与复刻站，逐页比对差异并迭代修正
显著优点
- 结构化的信息架构：通过嵌套文件夹自然映射网站导航关系，使复杂站点的信息架构一目了然
- 完整的视觉归档：全页截图与滚动截图序列结合，确保还原时不丢失任何视觉细节
- 交互行为可复现：所有 hover、click、select 等交互均被触发并记录状态变化，支持复杂动态效果的准确重建
- 资产完整捕获：自动下载图片、视频、字体等资源，并记录失败原因便于后续处理
- 双引擎兼容：支持 Playwright MCP 与 agent-browser 两种底层工具，环境适应性强
潜在局限
- 外部域限制：对外部链接仅做记录而不深度抓取，可能导致依赖第三方嵌入内容的页面还原不完整
- 动态内容挑战：AJAX 加载、懒加载、WebSocket 等实时内容可能因时机问题未被完整捕获
- 认证墙阻隔：需要登录的页面需额外配置凭证，默认工作流未覆盖复杂认证场景
- 版权与合规风险：复制受版权保护的商业网站可能引发法律纠纷，技能本身未内置合规审查机制
适合人群
- 需要快速搭建高保真原型用于演示或 A/B 测试的产品团队
- 进行竞品分析、希望深度研究对手网站结构与交互的设计师与产品经理
- 需为已下线或即将改版网站建立完整归档的运维人员
- 学习前端开发、希望通过逆向工程分析优秀网站实现细节的学习者
常规风险
| 风险类型 | 说明 | 缓释建议 |
|---------|------|---------|
| 版权侵权 | 复制受保护的商业设计、文案、图片 | 仅用于内部学习或获得授权后使用，禁止公开部署复刻站 |
| 隐私泄露 | 抓取过程中意外捕获用户数据或个人身份信息 | 在测试环境操作，避免使用真实用户账号 |
| 服务过载 | 高频请求对目标站点造成访问压力 | 配置合理延迟，遵守 robots.txt 与目标站点 TOS |
| 安全漏洞继承 | 原站 XSS、CSRF 等漏洞可能被同步复制 | 重建时审查并修复已知安全问题，不盲目复制可疑脚本 |
| 依赖失效 | 外部 CDN 资源、API 接口在复刻后不可用 | 建立资源本地镜像，评估外部依赖的可替代性 |