用途：从目标网页采集设计令牌，产出 DESIGN.md 设计规范文档与 Tailwind CSS 主题文件（globals.css），用于提取主题、生成设计规范、导出设计系统或分析页面设计风格。
前置条件：Node.js >= 18；需已安装 extract-page-data 或 clone-page 技能用于数据采集。
工作流：
- 采集设计数据与截图。可用 extract-page-data：node <extract-page-data>/scripts/extract.mjs <url> --theme --screenshot --scroll -o ./theme-data；或用 clone-page 采集多视口与 section 截图。采集后 theme-data/ 含 theme.json、全页截图、responsive/ 多视口截图、sections/*/screenshot.png。
- 截图分析（最关键一步）：从全页、响应式、section 截图观察品牌调性、布局节奏、视觉层级、装饰元素、响应式策略、组件风格、字体排版、渐变方向、图片风格、明暗氛围，结果写入 DESIGN.md 的设计原则与视觉风格章节。
- 分析 theme.json：读取颜色、字体、间距、圆角、阴影、过渡、动画、cssVariables 等令牌。
- 生成产物：输出目录含 DESIGN.md、globals.css、screenshots/。
DESIGN.md 遵循 Google Stitch 格式，含视觉风格、设计原则、色彩系统、字体系统、间距系统、圆角系统、阴影系统、动画与过渡、布局、组件规范、使用约束等章节，每类令牌给出推荐/允许/禁止三级规范与 Tailwind 类名映射。globals.css 使用 Tailwind CSS v4 语法，变量命名遵循 shadcn/ui 规范，含 :root、.dark 与 @theme inline 映射。
数据来源优先级：截图（视觉真相，最高）> cssVariables（开发者意图）> theme.json（机器提取，可能有遗漏）。当 theme.json 与截图冲突时以截图为准。
限制：theme.json 为机器提取，可能遗漏或偏差；部分设计维度（品牌调性、布局节奏、视觉层级、响应式策略、渐变方向、图片风格等）无法从 CSS 属性提取，只能依赖截图观察。具体收费、价格、平台等信息暂未提供。