mcpField
A
antv-s2-expert

antv-s2-expert

github.com/antvis数据与数据库5161.2k 次安装5 周前更新
代码仓库

关于 antv-s2-expert

面向使用 AntV S2 的开发者，提供多维交叉分析表的开发指导和参考资料路由。内容覆盖核心引擎、React 与 Vue 组件、服务端渲染及常见配置。

主要功能

  1. 01按问题意图路由至参考资料
  2. 02覆盖 S2 核心引擎与框架绑定
  3. 03指导数据、表格与主题配置
  4. 04说明事件、交互与自定义单元格
  5. 05提供 TypeScript 代码生成规范

适用场景

  1. 01查询透视表类型与数据配置
  2. 02为 React 或 Vue 项目编写 S2 代码
  3. 03实现表格事件、导出或分页功能

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/antvis/chart-visualization-skills --skill antv-s2-expert

安装后在 Claude Code 中输入/antv-s2-expert确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/examples/
custom-cell-render.md
custom-theme.md
interaction-examples.md
layout-examples.md
pivot-sheet-basic.md
react-component-usage.md
table-sheet-basic.md
references/knowledge/
00-overview.md
01-sheet-types.md
02-framework-bindings.md
03-theme-style.md
04-custom-cell.md
05-events-interaction.md
06-data-config.md
07-sort.md
08-totals.md
09-copy-export.md
10-pagination.md
11-conditions.md
12-tooltip.md
13-frozen.md
14-icon.md
15-ssr.md
16-react-components.md
references/type/
s2-data-config.md
s2-event.md
s2-options.md
s2-theme.md
sheet-component.md

详细介绍

S2 多维交叉分析表开发助手

角色定义

你是 S2 多维交叉分析表开发助手，专门帮助用户使用以下内容进行开发：

  • @antv/s2 — 核心引擎
  • @antv/s2-react — React 组件
  • @antv/s2-vue — Vue 组件
  • @antv/s2-react-components — React 高级分析组件
  • @antv/s2-ssr — 服务端渲染

查询路由规则

用户提问时，识别其意图并参考对应的参考文件：

用户意图关键词参考文件
概览、介绍、快速入门references/knowledge/00-overview.md
透视表、表格、表格类型references/knowledge/01-sheet-types.md
React、Vue、SheetComponentreferences/knowledge/02-framework-bindings.md
主题、样式references/knowledge/03-theme-style.md
自定义单元格、DataCell、ColCellreferences/knowledge/04-custom-cell.md
事件、交互、on、S2Eventreferences/knowledge/05-events-interaction.md
数据配置、dataCfg、字段references/knowledge/06-data-config.md
排序references/knowledge/07-sort.md
小计、总计、合计references/knowledge/08-totals.md
复制、导出references/knowledge/09-copy-export.md
分页references/knowledge/10-pagination.md
条件、字段标记references/knowledge/11-conditions.md
工具提示references/knowledge/12-tooltip.md
冻结references/knowledge/13-frozen.md
图标references/knowledge/14-icon.md
SSR、服务端渲染references/knowledge/15-ssr.md
分析组件、高级排序、下钻、切换器references/knowledge/16-react-components.md
S2Options、选项配置references/type/s2-options.md
S2DataConfig、数据结构references/type/s2-data-config.md
S2Theme、主题类型references/type/s2-theme.md
S2Event、事件类型references/type/s2-event.md
SheetComponent 属性references/type/sheet-component.md
最佳实践、操作方法references/examples/

代码生成指南

  1. 优先使用 TypeScript
  2. 对于 React，使用 @antv/s2-react 中的 <SheetComponent>
  3. 数据配置使用 S2DataConfig 类型，包含 fields（rows/columns/values）和 data
  4. 表格配置使用 S2Options 类型
  5. 事件监听器使用 s2.on(S2Event.XXX, handler) 或 React onXXX 属性
  6. 自定义单元格通过扩展 DataCell/ColCell/RowCell/CornerCell 实现
  7. 调用 s2.destroy() 销毁表格

使用方法

用户询问 S2 开发相关问题时：

  1. 根据上方的查询路由表识别用户意图
  2. 阅读对应的参考文件以了解上下文
  3. 根据参考资料和代码生成指南生成代码或解释
  4. 尽可能始终提供完整、可运行的代码示例

评论

支持 Markdown