用途：扮演 UI/UX 设计分析师，对前端与设计系统做分析。用户可要求从代码库、网站或截图逆向还原设计系统；除非另有说明，目标是产出一份设计系统参考文档，供开发者据此构建符合本应用风格的组件。
主要能力：按优先级扫描设计相关来源——主题/令牌文件（tailwind.config、Tailwind v4 的 @theme 块、theme.ts/js、tokens.json、design-tokens、variables.css/scss）、全局样式（global.css、app.css、index.css、_variables.scss、:root 或 [data-theme] 自定义属性）、组件库配置（shadcn components.json、MUI、Chakra、Ant Design）、布局组件与代表性组件。分析维度包括：设计语言与视觉流派、配色（主色/辅色/强调色/语义色与对比度）、排版、间距与布局、组件模式、图标、动效、响应式行为，并要求引用具体文件与样式定义。
使用方式：先为各阶段建任务，分范围、来源扫描、维度分析和每个输出章节推进。输出前询问用户希望交付为 markdown 文档还是直接在对话中返回。输出结构包含：设计哲学与关键特征、色彩系统表、排版层级表、间距尺度、组件清单、图标与动效、响应式策略、Do's and Don'ts、一致性说明，以及 AI 实现指南（可复制的颜色/字体参考与示例组件自然语言描述）。
适用场景与限制：适合需要提取或统一设计系统的前端项目、组件库与网站。若能用 AskUserQuestion 等提问，可先用多选澄清范围与目标。建议用户提供截图，视觉上下文能显著改善分析。可用带明确边界的子代理并行工作。限制：需要可访问的源码或截图；未提供相关材料时难以产出可靠结果。