用途:为 React/Next.js(Web)和 Expo/React Native(移动端)应用推荐合适图表类型与可视化库,并指出无障碍与反模式风险。对比度、触控目标、排版、微文案等通用视觉规则交由 ux 技能,不在此重复。
主要能力:分六阶段工作。先收集平台、意图(比较、构成、分布、关系、随时间演变、流向、地理、层级)、数据形状(类别数×度量数、行数规模)、受众与场景、约束;再依据决策表给出一个主推荐图表及一个可选替代并说明取舍;随后按平台与数据规模推荐库,例如 Web 的 shadcn charts、Tremor、Apache ECharts(>10k 点或实时)、Visx、Nivo,移动端 Victory Native XL、react-native-gifted-charts、react-native-chart-kit;再按需加载反模式、无障碍、交互手势、注释、主题、性能、地图、格式化与 i18n、服务端渲染、状态筛选与测试等规则文件;最后指向画廊或示例而非复制完整代码,并把代码质量、测试、性能诊断、ux 等事务转交相应技能。
使用方式:当用户调用 /charting 或询问“该用什么图表”“可视化 X”“做仪表盘图表”“选图表库”时触发。输出固定格式,含意图、数据形状、场景、主选与备选图表、推荐库及文档链接、无障碍检查项、规避的反模式、可参考示例链接和一两句总结。
限制:硬性规则包括饼图切片不超过 5、柱状比较的 Y 轴从 0 开始、避免双轴、颜色不能作为唯一编码(WCAG 1.4.1)、分类色板不超过 8 类、禁用 3D 与薄环甜甜圈等。移动端按独立约束处理。具体代码与安装命令资料暂未提供。