用途：从任意网页提取结构化数据，用于设计分析、页面重建或内容审阅。指向 URL 即可运行，脚本首次执行会自动安装 Playwright 与 Chromium（约 1-2 分钟，仅一次）。不适用于 Axure 原型，此类应改用 extract-axure-data。
主要能力：通过 scripts/extract.mjs 提供多种提取模式——--screenshot 截图、--theme 提取设计令牌、--markdown 转 Markdown 正文、--links 收集交互元素、--pack 导出含截图/theme/markdown/links/meta 的 zip 数据包、--all 全部执行。可用 --selector 将提取范围限定到特定元素。支持 --viewport、--wait、--scroll、--no-headless、--connect-cdp、--format 等参数；输出目录默认 ./page-export。theme.json 含颜色、字体、间距、圆角、阴影、过渡、CSS 变量、图片等令牌；links.json 含链接、按钮、表单等交互元素。各提取逻辑按文件模块化，可自定义。
使用方式：在技能目录运行 node scripts/extract.mjs <url> 配合相应 flag；登录页面可用 --connect-cdp 连接已登录的 Chrome（如 --remote-debugging-port=9222），或 --no-headless 手动登录。团队还提供 Theme Clone Workflow 参照：先 --all --scroll --viewport 1440x900 提取，再解读 theme.json 生成 CSS 变量、恢复动画与层叠资产。可用 Playwright CLI 补充 hover 态、computedStyle、懒加载等数据。
限制：导出数据为尽力而为的快照，可能缺少 hover 态、懒加载内容或动画细节，需回到原页面用 Playwright 补充。安装失败可手动安装，或设置 PLAYWRIGHT_DOWNLOAD_HOST。截图空白可加 --wait，选中元素错误需先用 DevTools 核对。