clone-website 是一个用于把现有网页重建为可运行本地代码的技能。它的核心目标是在当前应用中复刻指定页面，先匹配源站，再考虑新的设计方向；交付物必须是可运行、可编辑的代码，截图、iframe 和下载的生产包只能作为参考，不能作为实现。
用途方面，该技能适用于需要复刻网页真实内容、资源、响应式布局和交互的场景。它要求保留源站路径名，对同一来源的多个页面进行映射；查询或片段变化通常代表同一路由的不同状态，需要复现这些状态。不同来源应使用独立应用，除非用户希望合并；合并站点需要不同的路由前缀以及作用域化的字体、样式和布局。
主要能力包括：读取项目说明、实际框架与脚本以及现有路由；用可用浏览器打开源 URL；在可行时优先使用直接 HTTP、资源工具或 API 进行提取；记录简短的源到本地路由映射以及每个页面所属文件；遵循应用约定，例如在该模板中使用 src/app/、src/components/sites/<site>/、public/sites/<site>/ 和 docs/research/<site>/。它要求在桌面和移动宽度下检查整页，滚动到底以加载懒加载媒体并显示粘性/固定场景，然后测试菜单、标签页、手风琴、轮播、悬停状态和主要链接。它强调把每次观察视为规则的一个样本，读取声明值（计算样式、CSS 变量、库的实时选项），而不是从单次渲染推断；并通过改变视口宽度、高度、输入和状态来确定每个变化的驱动因素。
使用方式上，技能分为四个阶段。第一阶段是映射工作：阅读项目说明、框架和现有路由，打开源 URL，记录源到本地路由映射和文件归属，保留源路径名，处理路由冲突，必要时为不同来源使用独立应用。第二阶段是先观察再构建：检查整页、滚动加载、测试交互，保存带视口、滚动位置和交互状态标签的源截图，记录区块顺序、排版、布局测量、资源映射和交互，使用源站真实文本和实际加载的文件，测量重要几何与计算样式。第三阶段是构建完整第一版：先建立字体、页面宽度、颜色、资源、路由、页面级行为和共享组件，每个共享组件要包含所有观察到的状态，然后构建连贯区块和真实内容，复现范围内的交互，保留真实外链目标，范围内路由改写为本地路由，范围外目标保留指向源站并说明。第四阶段是对比、修复、重复：在相同视口、滚动位置和状态下打开源站与本地页面，等待字体、媒体和揭示动画稳定，先修复最大可见差异，如几何、缺失区块/图层、排版/换行、资源裁剪，再处理间距和动效，检查真实本地工作流，包括路由导航、移动菜单、标签/手风琴状态、轮播边界、主要操作、媒体控件和滚动联动过渡，检查运行时错误、缺失资源和水平溢出，最后运行项目生产检查。
适用场景是需要将现有网页复刻为本地可编辑代码的开发任务，尤其是需要匹配真实内容、资源、响应式布局和交互的网站克隆。限制方面，资料未提供该技能的具体收费、价格、平台支持范围或效果保证；它明确要求不能把截图、iframe 或下载的生产包当作实现，也不能用同名替代资源替代源站实际加载的字体、图片、SVG 和视频。完成标准是成功构建并通过渲染对比，剩余差异需精确说明，不能把未检查的结果称为像素级完美。