用途：构建生产级交互式数据界面与仪表盘，代码优先、无供应商锁定、可嵌入任意环境。用户明确指定 BI 工具时则使用该工具，仅在用户询问替代方案或遇到技术阻碍时建议代码优先。
主要能力：提供技术栈与库选型建议。框架优先 React + Tailwind，其次 HTML + CSS + 原生 JS（用 D3 或 Chart.js），仅 Python 环境用 Plotly/Dash。库选择：shadcn/ui charts 默认首选（通用仪表盘）；Recharts 用于折线、柱、面积、复合、雷达图；Tremor 用于 KPI 卡片、指标展示与完整仪表盘布局；Nivo 用于热力图、树图、等值线、日历、桑基、漏斗；visx 用于定制可视化；D3.js 用于力导向图、DAG、地图；Victory 用于动画质量优先场景。辅助库含 Tailwind CSS、Radix UI、Framer Motion、Lucide React、date-fns、Papaparse、lodash。
使用方式分六步：理解数据故事；按数据关系选图表类型与库；搭建界面（页头、3-5 个 KPI 卡片、主图、次图、明细表）；遵循设计原则（数据墨水比、颜色表意、字体层级、响应式、入场动画、无障碍、动态颜色安全、图标语义）；增加交互与标注；用标题讲清洞察。环境适配：Claude Artifacts 用单文件 React（JSX）；终端用 Vite + React + Tailwind；Jupyter 用 Plotly；其他 IDE 匹配现有框架。
限制与反模式：不做静态截图图表；未指定工具时不默认 BI 工具；Python 中不默认 matplotlib；避免彩虹色、3D 图、超过 5 片的饼图、未标注双 y 轴、柱状轴截断；不筛选或映射未确认存在的字段。交付前需逐项检查各视图渲染、字段存在、文字可读、图标语义、悬停提示、空状态与移动端布局。具体 API 模式与代码见 references/component-guide.md。