用途：通过 ChromeDevTools 分析网站 UI，提取深层 CSS 逻辑（关键帧、过渡、token），并生成完整的设计系统提示词。
主要能力：按顺序执行提取脚本，包括 CSS 变量与 token（上限50）、动画与关键帧（10个关键帧、15个过渡）、交互状态（15条规则）、排版（7个元素）、布局与间距（各5项）、技术栈检测；输出须严格使用 references/design-system-template.md 的结构，所有占位符须填满，无数据处写“Not observed”。
使用方式：建议复用用户自己的 Chrome（避免验证码、共享登录 cookie），运行 chrome.exe --remote-debugging-port=9222；流程为导航→反爬检测→深度提取→合成模板。检测到 Cloudflare 等挑战时暂停并让用户手动完成验证。使用 mcp__chrome-devtools__navigate_page 导航，不截图，所有视觉数据均从 CSS 提取。
限制：提取数据设有内置上限，不得修改以获取更多数据；输出必须遵循指定模板结构，不得跳过任何章节。