用途:从任意网页提取结构化数据,用于设计分析、页面还原或内容审阅。不适用于 Axure 原型(应改用 extract-axure-data)。
主要能力:截图(整页或指定元素)、提取设计令牌(颜色、排版、间距、圆角、阴影、过渡、动画、CSS 变量、图片资源)、将页面文本转为 Markdown、收集链接与按钮等交互元素,以及打包导出完整数据包(zip,含截图、theme.json、content.md、links.json、meta.json)。
使用方式:在技能目录下运行 node scripts/extract.mjs <url>,按需加参数,如 --screenshot、--theme、--markdown、--links、--all、--pack;可用 --selector 限定元素,-o 指定输出目录,--viewport 设视口,--wait 等待渲染,--scroll 触发懒加载,--no-headless 显示浏览器,--connect-cdp 连接已登录的 Chrome。首次运行会自动安装 Playwright 与 Chromium 到 ~/.cache/page-extractor/,约需 1-2 分钟。
适用场景:设计令牌提取与主题克隆、页面内容转 Markdown、交互元素盘点、指定元素截图、需登录页面的采集。
限制:导出为尽力而为的快照,hover/focus 态、懒加载内容、动画等可能需用 Playwright CLI 补充采集;截图空白可加 --wait;安装失败可手动安装或设置 PLAYWRIGHT_DOWNLOAD_HOST。具体收费与平台支持暂未提供。