用途:把仍可访问的线上 URL 或本地 .html 快照(含 _files/、相邻 CSS 或内联样式)重建为可编辑的 Next.js 代码库,目标是像素级忠实还原已部署构建,而非重新设计。适用于前端仓库丢失、只剩生产站点,或需要离线镜像站点的场景。
主要能力:先抓取首页(L0)及同源一级链接(L1)的 hydrated DOM、截图、运行时元数据并镜像资源;再按布局指纹把 L1 聚类为唯一页面类型,产出 route-map.json、page-types.md 与每 URL 指纹;随后按类型执行 Wave 0–4 提取令牌、统一设计体系、生成构建简报、搭建 Next.js 脚手架并渲染模板;最后用 run-agent-browser 在 1440/768/375 三种视口做原站与候选站点的背靠背验证,输出 RECOVERY-REPORT.md。
使用方式:按输入模式选择路径——仅有线上 URL 时先抓取 L0 再爬 L1;有 .html 与 _files/ 时跳过实时抓取直接作为 Wave 0 输入;仅有内联样式时用 SingleFile 回退模式并标注置信度降低。脚本包括 scripts/capture-url.sh、scripts/extract-styles.sh、scripts/diff-screenshots.sh。命名上路由与令牌用 kebab-case,React 组件文件用 PascalCase。
限制:仅适用于有可解析 HTML/CSS 或线上路由的来源,截图、PDF、Figma 或“感觉”参考不适用;不做重设计或简化;依赖受 references/system-template.md 脚手架规则限制,不额外添加图标、动画或字体包;字体、图片、图标须自托管,资源需用户拥有或获授权;无法验证的值标记 UNVERIFIED,不得编造;仅当用户明确要求重建时才执行完整流程,否则在提取或文档阶段停止。