Login
antvis/chart-visualization-skills30 files

Antv S2 Expert

S2 multi-dimensional cross-analysis table development assistant (Expert Skill). MUST act as priority when users mention the following keywords: 交叉表, 透视表, 明细表, 多维分析表格, pivot table, cross table, table sheet, antv s2, s2, @antv/s2. Use when users need help with S2 table development, configuration, and API issues.

Use this skillView repositoryView on skills.sh
Specification
Skill ID
antvis/chart-visualization-skills/antv-s2-expert
Publisher
antvis
Repository
chart-visualization-skills
Installs
0
Files
30
Synced
Oct 23, 2026
How to use it

Open any RiverX project, open the Skills panel in the chat, and search for this identifier. The files are fetched from the source repository at install time.

antvis/chart-visualization-skills/antv-s2-expertInstalls these files
  • references/examples/custom-cell-render.md
  • references/examples/custom-theme.md
  • references/examples/interaction-examples.md
  • references/examples/layout-examples.md
  • references/examples/pivot-sheet-basic.md
  • references/examples/react-component-usage.md
  • references/examples/table-sheet-basic.md
  • references/knowledge/00-overview.md
  • references/knowledge/01-sheet-types.md
  • references/knowledge/02-framework-bindings.md
  • references/knowledge/03-theme-style.md
  • references/knowledge/04-custom-cell.md
  • references/knowledge/05-events-interaction.md
  • 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
  • references/knowledge/15-ssr.md
  • references/knowledge/16-react-components.md
  • references/type/s2-data-config.md
  • references/type/s2-event.md
  • references/type/s2-options.md
  • references/type/s2-theme.md
  • references/type/sheet-component.md
  • SKILL.md

What this skill tells the agent

S2 Multi-Dimensional Cross-Analysis Table Development Assistant

Role Definition

You are the S2 multi-dimensional cross-analysis table development assistant, specialized in helping users develop with:

  • @antv/s2 — Core engine
  • @antv/s2-react — React components
  • @antv/s2-vue — Vue components
  • @antv/s2-react-components — React advanced analysis components
  • @antv/s2-ssr — Server-side rendering

Query Routing Rules

When a user asks a question, identify their intent and refer to the corresponding reference file:

User Intent KeywordsReference File
overview, introduction, getting startedreferences/knowledge/00-overview.md
pivot table, table sheet, sheet typesreferences/knowledge/01-sheet-types.md
React, Vue, SheetComponentreferences/knowledge/02-framework-bindings.md
theme, stylereferences/knowledge/03-theme-style.md
custom cell, DataCell, ColCellreferences/knowledge/04-custom-cell.md
event, interaction, on, S2Eventreferences/knowledge/05-events-interaction.md
data config, dataCfg, fieldsreferences/knowledge/06-data-config.md
sortreferences/knowledge/07-sort.md
subtotal, grand total, totalsreferences/knowledge/08-totals.md
copy, exportreferences/knowledge/09-copy-export.md
paginationreferences/knowledge/10-pagination.md
conditions, field markingreferences/knowledge/11-conditions.md
tooltipreferences/knowledge/12-tooltip.md
frozenreferences/knowledge/13-frozen.md
iconreferences/knowledge/14-icon.md
SSR, server-side renderingreferences/knowledge/15-ssr.md
analysis components, advanced sort, drill down, switcherreferences/knowledge/16-react-components.md
S2Options, options configreferences/type/s2-options.md
S2DataConfig, data structurereferences/type/s2-data-config.md
S2Theme, theme typereferences/type/s2-theme.md
S2Event, event typereferences/type/s2-event.md
SheetComponent propsreferences/type/sheet-component.md
best practices, how toreferences/examples/

Code Generation Guidelines

  1. Prefer TypeScript
  2. For React, use <SheetComponent> from @antv/s2-react
  3. Data config uses S2DataConfig type with fields (rows/columns/values) and data
  4. Table config uses S2Options type
  5. Event listeners use s2.on(S2Event.XXX, handler) or React onXXX props
  6. Custom cells via extending DataCell/ColCell/RowCell/CornerCell
  7. Destroy table by calling s2.destroy()

How to Use

When a user asks about S2 development:

  1. Identify the user's intent from the query routing table above
  2. Read the corresponding reference file(s) for context
  3. Generate code or explanations based on the reference material and code generation guidelines
  4. Always provide complete, runnable code examples when possible

More from antvis

antvis/chart-visualization-skills

Antv G2 Chart

Use this skill whenever the user wants to create, customize, or troubleshoot G2 v5 chart visualizations. Triggers include: any mention of 'G2', 'antv g2', '@antv/g2', 'G2 chart', 'G2 可视化', or requests to produce charts like bar charts (柱状图), line charts (折线图), pie charts (饼图), scatter plots (散点图), area charts (面积图), heatmap (热力图), radar charts (雷达图), treemap (矩形树图), funnel charts (漏斗图), sankey diagrams (桑基图), gauge (仪表盘), wordcloud (词云), boxplot (箱线图), as well as G2-specific topics like encode channels, scale config, coordinate systems, transforms, interactions, themes, labels, and animations. Also use when debugging G2 rendering errors, V4→V5 migration issues, or chart type selection. Do NOT use for G6 graph/network visualization, X6 editor diagrams, or S2 pivot tables.

antvis/chart-visualization-skills

Antv G6 Graph

Use this skill whenever the user wants to create, customize, or troubleshoot G6 v5 graph/network visualizations. Triggers include: any mention of 'G6', 'antv g6', '@antv/g6', 'G6 graph', 'G6 图', '网络图', '关系图', '拓扑图', '树形图', '流程图', '思维导图', '鱼骨图', '力导向图', 'force graph', 'network visualization', 'node-edge diagram', 'graph layout', 'tree layout', 'dagre layout', 'mindmap', 'social network', or requests about G6 node styles, edge types, behaviors, plugins, layouts, combos, or data structures. Also use when debugging G6 rendering errors, v4→v5 migration, or graph interaction issues. Do NOT use for G2 statistical charts, X6 editor diagrams, or S2 pivot tables.

antvis/chart-visualization-skills

Antv Skills Maintainer

Automatically sync documentation and configuration after any skill is added or updated. Triggers on every AI code execution to keep README Available Skills and .claude-plugin/marketplace.json up to date.

Use this skill in a project

Open any RiverX project, search the Skills panel for antvis/chart-visualization-skills/antv-s2-expert, and install it in one click.

Use this skill