用途：把线上页面按测量结果 1:1 重建到 Figma、Penpot 或代码中，并验证重建结果。适用于页面复刻、改版基线、迁移参考，以及对自有站点做回归检查。
核心规则：页面已声明的值就直接读取；只有页面没有说明时才做判断。重建完成的标志是差异清单为空，而不是看起来差不多。
主要步骤：
- 捕获渲染页面。用真实浏览器同时截取 390 移动端和 1440 桌面端两种宽度的整页截图、渲染后的 DOM、各区块的计算样式，以及页面请求的资源 URL。客户端渲染页面只有这种捕获才有内容。
- 同时取原始源码：wget -r -l 3 -k -p -E -nc https://example.com/page。wget 不运行 JavaScript，因此作为第二份捕获；不跨站抓取，CDN 资源留到第 4 步直接下载。
- 从线上页面测量设计值，提取字体级数、配色与间距等 token，可用 [[extract-design]]，--design-md 可输出交给重建步骤的简报。
- 从捕获结果取内容与图片，从 DOM 解析标题、正文、数字、列表、链接与页脚，下载全部引用资源，不重打任何字符串。
- 逐段构建：页头、首屏、功能行、表格、媒体、评价、FAQ、页脚，使用自动布局或真实布局容器，不用绝对定位坐标；每段截图比对后再继续。
- 对比三件事：视觉上各宽度是否一致；结构上是否由合理容器构成而非绝对定位；语义上文字、链接、数字和变体是否与源一致。语义最常被忽略却最重要。
- 修复捕获看不见的问题，例如真实图是 CSS 背景导致首屏用错图、轮播或视频顺序错误、不同变体的卡片互相复制；无法解决的要报告而不猜测。
- 字体：先用度量兼容的替代字体构建，最后用一次查找替换换成真实字体。
- 定点修复：指明区块、错误内容和源值，不要重跑整个重建；判断性问题可产出两三个版本并问清依据。
- 清理脚手架，删除导入内容与临时资源，保留两个画板、命名图层、矢量图标。
限制：需尊重 robots.txt 和服务条款；把他人布局、文案或品牌当作自有发布是另一回事。仅按资料，未提供具体收费、价格与平台支持信息。