用途：为 React/Next.js/TypeScript 项目配合 Tailwind CSS 构建兼具严谨性与现代性能、可访问性的数据可视化。
主要能力：提供图表库选择决策树（探索分析/小数据用 Observable Plot，大数据用 D3.js 加采样；标准业务图表用 Recharts、Nivo 或 Visx；仪表盘用 Tremor 或 Nivo）；按数据量给出渲染方案建议（小于 1K 用 SVG，1K–10K 视动画与移动性能考虑 Canvas，超过 10K 用 Canvas 聚合或 WebGL via deck.gl）；无障碍决策矩阵（生产环境需键盘导航、屏幕阅读器数据表、色盲安全配色、尊重 prefers-reduced-motion）；移动端断点策略（移动端聚合到前 5–7 项、多序列改小倍数图）；并列出五类失败模式及修复方式，包括颜色过载、坐标轴截断误导、响应式失败、缺少加载骨架、无障碍事后补救。另附多序列移动图表与高性能桑基图两个示例，以及发布前质量门清单。
使用方式：作为技能参考，按决策树选定图表库与渲染方式，参照失败模式与质量门检查实现；文中示例使用 ResponsiveContainer 等 API 但未提供安装命令。
适用场景：React/Next.js 中的探索与业务图表、仪表盘、复杂或实时用户路径可视化。
限制：不适用于静态图片导出、印刷优化图形、基础 HTML 数据表、简单图标展示，以及每秒超过 100 次更新的实时流可视化；Observable Plot 不用于生产，Recharts 不适合自定义新图表，Nivo 不适合超过 1 万数据点，D3.js 不适合简单图表。具体安装命令与收费信息暂未提供。