antv-s2-expert
S2 multi-dimensional cross-analysis table development assistant (Expert Skill). MUST act as priority when users mention the following keywords: cross table, pivot table, detail table, multi-dimensional analysis table, pivot table, cross table, table sheet, antv s2, s2, @antv/s2. Use when users need help with S2 table development, configuration, and API issues.
- License 许可
- MIT
- 最近更新
- 2026-11-11
- Stars
- ★ 3
- Forks
- 0
01 前言 Front Matter
- 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: cross table, pivot table, detail table, multi-dimensional analysis table, pivot table, cross table, table sheet, antv s2, s2, @antv/s2. Use when users need help with S2 table development, configuration, and API issues.
02 资源文件 29
- 参考文档references/examples/custom-cell-render.md5.2 KB
- 参考文档references/examples/custom-theme.md5.5 KB
- 参考文档references/examples/interaction-examples.md4.8 KB
- 参考文档references/examples/layout-examples.md4.1 KB
- 参考文档references/examples/pivot-sheet-basic.md4.1 KB
- 参考文档references/examples/react-component-usage.md4.1 KB
- 参考文档references/examples/table-sheet-basic.md2.6 KB
- 参考文档references/knowledge/00-overview.md4.2 KB
- 参考文档references/knowledge/01-sheet-types.md5.2 KB
- 参考文档references/knowledge/02-framework-bindings.md6.0 KB
- 参考文档references/knowledge/03-theme-style.md6.2 KB
- 参考文档references/knowledge/04-custom-cell.md6.6 KB
- 参考文档references/knowledge/05-events-interaction.md8.2 KB
- 参考文档references/knowledge/06-data-config.md4.4 KB
- 参考文档references/knowledge/07-sort.md5.8 KB
- 参考文档references/knowledge/08-totals.md4.9 KB
- 参考文档references/knowledge/09-copy-export.md4.8 KB
- 参考文档references/knowledge/10-pagination.md2.5 KB
- 参考文档references/knowledge/11-conditions.md6.6 KB
- 参考文档references/knowledge/12-tooltip.md6.9 KB
- 参考文档references/knowledge/13-frozen.md2.1 KB
- 参考文档references/knowledge/14-icon.md4.5 KB
- 参考文档references/knowledge/15-ssr.md5.2 KB
- 参考文档references/knowledge/16-react-components.md8.2 KB
- 参考文档references/type/s2-data-config.md7.9 KB
- 参考文档references/type/s2-event.md10.6 KB
- 参考文档references/type/s2-options.md26.5 KB
- 参考文档references/type/s2-theme.md12.3 KB
- 参考文档references/type/sheet-component.md14.0 KB
03 SKILL.md 正文
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
04 同仓库更多 Skills
higgsfield-websites
Build, edit, and deploy full-stack websites, apps and games via the Higgsfield CLI (`higgsfield website …`). Each is a React 19 + TanStack Start SSR app in one Cloudflare Worker (D1/R2/KV/DO/Containers). THREE product types, picked via `--type` on create: `website` (standalone, no Higgsfield integration — references/website-flow.md), `app` (Sign in with Higgsfield + fnf SDK, Quanta — references/app-flow.md), `game` (realtime multiplayer rooms — references/game-flow.md). Routes to the right flow; each carries its own rules and deploy/publish gates. Use when: "build me a website", "make a landing page", "create a web app", "build a SaaS dashboard / portfolio", "make me a game", "deploy this site", "publish". Also owns GAME ART: "make a spritesheet", "tileable texture", "animate a 3D character", game music/SFX — see the game-* references. NOT for: single image/video/audio generation (higgsfield-generate), product photos (higgsfield-product-photoshoot), marketplace cards (higgsfield-marketplace-cards).
writing-skills
Use when creating new skills, editing existing skills, or verifying skills work before deployment
writing-plans
Use when you have a spec or requirements for a multi-step task, before touching code
verification-before-completion
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always
using-superpowers
Use when starting any conversation - establishes how to find and use skills, requiring skill invocation before ANY response including clarifying questions
using-git-worktrees
Use when starting feature work that needs isolation from current workspace or before executing implementation plans - ensures an isolated workspace exists via native tools or git worktree fallback