用途：从已有应用中抽取设计 DNA，把颜色、字体、间距与组件模式整理为结构化 token，便于复用到新项目或组件库。
主要能力：支持四类输入——截图、在线 URL、屏幕录制视频、当前项目现有样式。颜色输出 hex 与 oklch，字体含字族与字重，间距含基准与比例，组件记录结构类型；可输出 W3C design-tokens.json、Tailwind v4 的 @theme 块、tokens.css（CSS 变量）或 Markdown 规范文档。视频输入额外生成 motion-spec.md，记录每次交互的时长、缓动、触发方式与 reduced-motion 回退。最后可据半径、密度、阴影映射并推荐 shadcn/ui v4 风格。
用法：命令如 design-context-extract /tmp/screenshot.png、design-context-extract /tmp/recording.mp4、design-context-extract https://example.com、design-context-extract current project。有 Stitch MCP 时经 list_projects、generate_screen_from_text、list_screens、get_screen 获取源；无则用多模态分析或解析 HTML/CSS。视频需 ffmpeg/ffprobe，先 ffprobe 探测再用 ffmpeg 抽帧。Tailwind v4 用 @theme，v3 才用 tailwind.config。
适用场景：复用竞品或旧项目视觉规范、为 shadcn 项目选型、从录屏还原动效规格。
限制：多处细节（收费、平台、效果）资料未提供；需实际源素材，禁止凭猜测填色；视频与 Stitch 生成可能耗时，超时不应重试而是轮询。