antvis/antv-s2-expert
skills/antv-s2-expert/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add antvis/chart-visualization-skills antv-s2-expertInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 4, 2026, 4:10 AM55.5s30 files scanned
SKILL.md
- 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 Keywords | Reference File |
| --- | --- |
| overview, introduction, getting started | references/knowledge/00-overview.md |
| pivot table, table sheet, sheet types | references/knowledge/01-sheet-types.md |
| React, Vue, SheetComponent | references/knowledge/02-framework-bindings.md |
| theme, style | references/knowledge/03-theme-style.md |
| custom cell, DataCell, ColCell | references/knowledge/04-custom-cell.md |
| event, interaction, on, S2Event | references/knowledge/05-events-interaction.md |
| data config, dataCfg, fields | references/knowledge/06-data-config.md |
| sort | references/knowledge/07-sort.md |
| subtotal, grand total, totals | references/knowledge/08-totals.md |
| copy, export | references/knowledge/09-copy-export.md |
| pagination | references/knowledge/10-pagination.md |
| conditions, field marking | references/knowledge/11-conditions.md |
| tooltip | references/knowledge/12-tooltip.md |
| frozen | references/knowledge/13-frozen.md |
| icon | references/knowledge/14-icon.md |
| SSR, server-side rendering | references/knowledge/15-ssr.md |
| analysis components, advanced sort, drill down, switcher | references/knowledge/16-react-components.md |
| S2Options, options config | references/type/s2-options.md |
| S2DataConfig, data structure | references/type/s2-data-config.md |
| S2Theme, theme type | references/type/s2-theme.md |
| S2Event, event type | references/type/s2-event.md |
| SheetComponent props | references/type/sheet-component.md |
| best practices, how to | references/examples/ |
Code Generation Guidelines
- Prefer TypeScript
- For React, use
<SheetComponent>from@antv/s2-react - Data config uses
S2DataConfigtype withfields(rows/columns/values) anddata - Table config uses
S2Optionstype - Event listeners use
s2.on(S2Event.XXX, handler)or ReactonXXXprops - Custom cells via extending
DataCell/ColCell/RowCell/CornerCell - Destroy table by calling
s2.destroy()
How to Use
When a user asks about S2 development:
- Identify the user's intent from the query routing table above
- Read the corresponding reference file(s) for context
- Generate code or explanations based on the reference material and code generation guidelines
- Always provide complete, runnable code examples when possible
Related Skills
antvis/antv-g2-chart
development
VerifiedTrustedCommunity
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.
314SKILL.mdUpdated Apr 15, 2026
antvis/antv-g6-graph
tools
VerifiedTrustedCommunity
G6 v5 图可视化代码生成技能，支持网络图、树形图、流程图等多种图类型的初始化、布局、交互和插件配置
297SKILL.mdUpdated Apr 21, 2026
antvis/chart-visualization
development
VerifiedTrustedCommunity
将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能，通过 curl 工具调用 AntV API 生成图表图片
184SKILL.mdUpdated Apr 4, 2026
antvis/icon-retrieval
development
VerifiedTrustedCommunity
Search icons through HTTP API and retrieve SVG strings with curl.
176SKILL.mdUpdated Apr 4, 2026