PluginBench
Skill
Pass
Audit score 90

antv-s2-expert

antvis/chart-visualization-skills

How to install antv-s2-expert

npx skills add https://github.com/antvis/chart-visualization-skills --skill antv-s2-expert
Claude Code
Cursor
Windsurf
Cline
Full instructions (SKILL.md)

Source of truth, from antvis/chart-visualization-skills.


name: antv-s2-expert description: "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."

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

Related skills

More from antvis/chart-visualization-skills and the wider catalog.

CH

chart-visualization

antvis/chart-visualization-skills

将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能,通过 curl 工具调用 AntV API 生成图表图片

4.5k installs
IN

infographic-creator

antvis/chart-visualization-skills

Create beautiful infographics based on given text content. Use when users request to create infographics.

1.6k installs
NA

narrative-text-visualization

antvis/chart-visualization-skills

Generate structured narrative text visualizations from data using T8 Syntax. Use when users want to create data interpretation reports, summaries, or structured articles with semantic entity annotations. T8 is designed for unstructured data visualization where T stands for Text and 8 represents a byte of 8 bits, symbolizing deep insights beneath the text.

1.1k installs
IC

icon-retrieval

antvis/chart-visualization-skills

Search icons through HTTP API and retrieve SVG strings with curl.

1.1k installs
AN

antv-skills-maintainer

antvis/chart-visualization-skills

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.

864 installsAudited
AN

antv-g2-chart

antvis/chart-visualization-skills

Generate G2 v5 chart code. Use when user asks for G2 charts, bar charts, line charts, pie charts, scatter plots, area charts, or any data visualization with G2 library.

748 installsAudited