用途：从用户提供的 URL 采集设计令牌与截图，产出 DESIGN.md 设计规范文档和 Tailwind CSS v4 主题文件，适用于提取主题、导出设计系统、分析页面设计风格等场景。该能力已迁移到 $build-design-system，新任务优先用新名称，当前入口继续兼容。
主要能力与用法：前置条件为 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 的 node <clone-page>/scripts/clone.mjs <url> quick -o ./theme-data --scroll 与 responsive、styles 等子命令，也可用 Playwright 等等效工具，产出 theme.json、全页截图、响应式截图和各 section 截图；二是截图分析，从截图判断品牌调性、布局节奏、视觉层级、装饰元素、响应式策略、组件风格等，截图是视觉真相，与数据冲突时以截图为准；三是分析 theme.json 的颜色、字体、间距、圆角、阴影、过渡、动画与 cssVariables；四是生成产物，输出 DESIGN.md、globals.css 和 screenshots 目录。
产出规范：DESIGN.md 强制覆盖视觉主题与氛围、色彩系统、字体系统、组件规范、布局与间距、深度阴影与边框、动效、响应式行为、Prompt guide 九段式，且需标注推荐、允许、禁止三级规则；globals.css 使用 Tailwind CSS v4 语法，CSS 变量遵循 shadcn/ui 命名，包含 :root、.dark 与 @theme inline 映射。
限制：资料未提供价格、平台范围、运行耗时或效果保证等信息；缺少来源证据时需明确写“未采集到明确规则，按保守默认处理”，不得伪造品牌规则或组件细节。