{
  "added_at": "2026-11-06",
  "additional_evidence_urls": [
    "https://github.com/byte271/mirrorframe/blob/16ffce02957bbc7f28f5ea1b38e40bea3ff4fd37/references/limitations.md"
  ],
  "category": "web-analysis",
  "description_en": "Mirrorframe captures webpages with Playwright and reconstructs their observed layout and behavior as a self-contained React app. It records computed styles, assets, motion and selected interaction states, then compares rendered nodes and replayed states against the original with image diffs.",
  "description_zh": "Mirrorframe 使用 Playwright 采集网页，并将观察到的布局和行为重建为独立的 React 应用。它记录计算样式、资源、动效和部分交互状态，再通过图像差异，将重建后的节点和重放状态与原网页比对。",
  "entry_url": "https://awesomerea.org/resources/mirrorframe/",
  "entry_url_zh": "https://awesomerea.org/zh/resources/mirrorframe/",
  "evidence_url": "https://github.com/byte271/mirrorframe/blob/16ffce02957bbc7f28f5ea1b38e40bea3ff4fd37/README.md",
  "group": "tools",
  "id": "mirrorframe",
  "json_url": "https://awesomerea.org/resources/mirrorframe/record.json",
  "kind": "tool",
  "markdown_url": "https://awesomerea.org/resources/mirrorframe/index.md",
  "markdown_url_zh": "https://awesomerea.org/zh/resources/mirrorframe/index.md",
  "name": "Mirrorframe",
  "name_zh": "Mirrorframe 网页采集与 React 重建工具",
  "record_type": "resource",
  "relationship": "foundation",
  "requirement_facets": [
    "prerequisites",
    "limits",
    "limits",
    "license"
  ],
  "requirements": [
    "Node.js 18 or later and Playwright Chromium are required.",
    "The 0.x CLI, genome schema and report format may change.",
    "Live Canvas, WebGL and WebGPU drawing programs are not reconstructed; Canvas output is a captured still.",
    "MIT License."
  ],
  "requirements_zh": [
    "需要 Node.js 18 或更新版本及 Playwright Chromium。",
    "0.x 版本的命令参数、genome 结构和报告格式可能变化。",
    "不重建实时 Canvas、WebGL 或 WebGPU 绘制程序；Canvas 输出为采集时的静态画面。",
    "采用 MIT 许可证。"
  ],
  "targets": [
    "website"
  ],
  "url": "https://github.com/byte271/mirrorframe",
  "verification": "source-reviewed",
  "verified_at": "2026-11-06"
}
