用途：为 MotherDuck Dive 提供视觉系统与交互设计，包括新建设计或整体改版，也可用于局部编辑。需配合 motherduck-create-dive 获取 React 与 useSQLQuery 机制，涉及分析叙事与 SQL 时配合 motherduck-build-dashboard。
主要能力与默认约定：从 320px 视口起步向上增强；使用流式容器与响应式网格，避免固定桌面宽度；提供浅/深主题切换，图表与 UI 颜色基于 token，尽量以系统偏好为初始默认；筛选面在宽屏可见、窄屏收入抽屉或面板；图表置于有界响应式容器，各断点标签可读；采用克制的商业分析视觉语言（中性表面、紧凑层级、可见坐标轴、安静边框、有限装饰）；每个 KPI 自带数值、标签、对比语境与小型趋势或进度可视化；客户差异体现在数据、标签、logo 和主题 token，而非改动信息架构；支持键盘操作、可见焦点、44px 触控目标、足够对比度和非颜色状态提示。避免装饰性渐变、玻璃效果、发光强调、超大主指标、装饰性便当布局、过量胶囊标签、浮动形状及营销落地页式文案。
工作流：先检视现有 Dive、设计稿、截图和实时 schema，再提布局。若可用 MotherDuck MCP，写代码前调用 get_dive_guide，保存或更新前若指南可能变化则再次调用。明确受众、主要决策、指标层级、筛选维度和复用边界；先画 320px 构图，再扩到平板与桌面网格且不改变阅读顺序；实现语义 token、主题切换、可复用卡片、响应式图表包装与筛选状态；单独校验查询正确性，预览加载、空、错误、长标签和密集数据状态；在受影响视口与主题下检查渲染结果。回答、评审或规划请求只交付设计产物；构建或改版请求才实现并预览，仅当请求包含保存或更新操作时才执行。
交付：返回已实现变更或设计、所做检查及具体限制；完整设计交接需包含层级、筛选行为、响应式规则、主题 token、组件边界与视觉 QA 证据。不要仅凭响应式 CSS 就称设计移动友好，需报告实际检查的视口与状态。
参考：按需读取 references/RESPONSIVE_DIVE_DESIGN_SYSTEM.md（网格、组件解剖、主题 token、筛选模型、反模式、QA 清单）和 references/VISUAL_QA_PLAYBOOK.md（截图、视觉检查、迭代、评审交接循环）。相关技能仅在缺失能力时加载：motherduck-create-dive、motherduck-build-dashboard、motherduck-explore、motherduck-query。
限制：资料未提供具体价格、平台运行环境或性能指标，暂未提供。