* Initial plan * Add s2-expert skill directory structure and SKILL.md Create the s2-expert skill for S2 multi-dimensional cross-analysis table development assistance with @antv/s2 packages. Includes query routing rules, code generation guidelines, and reference directory structure for knowledge, type, and examples. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> * Add first 5 knowledge reference files for s2-expert skill Create English knowledge base files translated and synthesized from Chinese S2 source documentation: - 00-overview.md: S2 introduction, core concepts, architecture, packages - 01-sheet-types.md: PivotSheet and TableSheet usage and comparison - 02-framework-bindings.md: React and Vue component bindings - 03-theme-style.md: Themes, palettes, and style configuration - 04-custom-cell.md: Custom cell rendering, sizing, and header grouping Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> * Add knowledge references 05-10 for s2-expert skill Add 6 new knowledge reference files translated from Chinese source docs: - 05-events-interaction.md: Events system, S2Event, interaction config, custom interactions - 06-data-config.md: S2DataConfig structure, fields, meta, formatters - 07-sort.md: Sort methods, sortParams, group sort, custom sort functions - 08-totals.md: Subtotals/grand totals configuration, CalcTotals, aggregation - 09-copy-export.md: Copy/export functionality, clipboard API, CSV export - 10-pagination.md: Pagination config, React integration Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> * Add 7 S2 expert reference example files Create reference markdown files with representative code examples extracted from S2 source examples, covering: - pivot-sheet-basic: Grid, tree, and grid-tree PivotSheet modes - table-sheet-basic: Basic TableSheet with frozen rows/columns - custom-cell-render: Custom DataCell, ColCell, and TableDataCell - custom-theme: Built-in themes, custom palette, and full theme schema - react-component-usage: SheetComponent for pivot, table, and editable modes - interaction-examples: Cell selection, events, brush selection, custom interaction - layout-examples: Frozen layout, custom cell sizing, tree collapse config All Chinese comments translated to English. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> * feat: add s2-expert skill with knowledge, type, and example references Co-authored-by: Alexzjt <9548248+Alexzjt@users.noreply.github.com> * chore: rename to antv-s2-expert * refactor: move antv-skills-maintainer to skills/ directory and sync docs Co-authored-by: hustcc <7856674+hustcc@users.noreply.github.com> * fix: exclude antv-skills-maintainer from docs and add internal-only note Co-authored-by: hustcc <7856674+hustcc@users.noreply.github.com> * refactor: move antv-skills-maintainer to .github/skills/antv-skills-maintainer/ Co-authored-by: hustcc <7856674+hustcc@users.noreply.github.com> * chore: 增强 s2-expert 的描述以便唤起 * fix: error in user YAML: (<unknown>): mapping values are not allowed in this context at line 2 column 156 --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Co-authored-by: Alexzjt <9548248+Alexzjt@users.noreply.github.com> Co-authored-by: huiyu.zjt <huiyu.zjt@antgroup.com> Co-authored-by: hustcc <i@hust.cc> Co-authored-by: hustcc <7856674+hustcc@users.noreply.github.com>
Chart Visualization Skills
Turning data into a visual language for better thinking.
AntV
, initiated by Ant Group and open-sourced starting in 2017, reimagines data visualization by embedding the theory of graphical grammar into the JavaScript language. In response to rigid chart libraries that force a trade-off between flexibility and usability, we have categorized data visualization techniques into four series: 2, 6, 7, and 8, which respectively represent statistical analysis, graph analysis, geographical analysis, and unstructured data visualization. We have expanded these capabilities across different levels, including chart libraries, R&D tools, and AI-powered intelligent visualization.
Overview
In the era of data-driven decision-making, efficient and accurate data visualization and analysis are paramount. AntV offers a professional suite of visualization solutions, providing a robust toolkit and a comprehensive set of skills for the entire workflow—from chart design and interactive exploration to in-depth data analysis. It empowers users to swiftly transform complex datasets into intuitive visual charts, significantly lowering the barrier to creation through intelligent design specifications and a rich library of components. Whether for daily reporting, dynamic dashboards, or sophisticated interactive analysis, AntV delivers reliable support. By integrating AI capabilities, these tools further streamline and automate the generation and optimization of visualizations. This allows analysts to focus more on uncovering insights and driving business decisions, truly making data visible and understandable.
Warning
This project only merges AI-generated code.
How to contribute:
- Submit an issue describing the problem clearly
- Assign it to @copilot with your requirements
Usage
Add this marketplace to Claude Code:
/plugin marketplace add antvis/chart-visualization-skills
Or you can directly install the skills for your multiple agents:
npx skills add antvis/chart-visualization-skills
Available Skills
- 📊 chart-visualization: A comprehensive chart generation skill powered by AntV that provides 26+ chart types for intelligent data visualization.
Chart Visualization intelligently selects the most appropriate chart type from 26+ available options, extracts parameters based on detailed specifications, and generates high-quality chart images. It covers time series, comparisons, part-to-whole, relationships, geographic, hierarchical, statistical, and specialized visualizations.
- 🎨 infographic-creator: Create beautiful infographics based on given text content. Use when users request to create infographics.
Infographic Creator uses AntV Infographic to transform data, information, and knowledge into a perceptible visual language. It combines visual design with data visualization, providing 50+ templates including lists, sequences, hierarchies, comparisons, relations, and charts. It compresses complex information with intuitive symbols to help audiences quickly understand and remember key points.
- 🖼️ icon-retrieval: Search and retrieve icon SVG strings from icon library. Returns up to 5 matching icons by default (customizable).
Icon Search helps users find appropriate icons for various use cases including infographics, web development, design, and more. Search by keywords to discover available icons and retrieve their SVG strings directly. Each search returns up to 5 matching icons by default (customizable via topK parameter) with their URLs and complete SVG content.
- 📝 narrative-text-visualization: Generate structured narrative text visualizations from data using T8 Syntax.
Narrative Text Visualization (T8) transforms unstructured data into semantically rich narrative reports using T8 Syntax - a declarative Markdown-like language for creating data narratives with entity annotations. It's LLM-friendly and framework-agnostic, working seamlessly with HTML, React, and Vue. Perfect for creating data analysis reports, summaries, and insights documents with entities like metrics, values, trends, and dimensions properly labeled. Features include built-in mini charts, standardized styling, and professional formatting. Supports authentic data sources and provides lightweight, technology-agnostic rendering.
- 📋 antv-s2-expert: S2 multi-dimensional cross-analysis table development assistant. Use when users need help with S2 pivot tables, table sheets, or any @antv/s2 related development.
AntV S2 Expert helps users develop with the S2 multi-dimensional cross-analysis table engine. It provides comprehensive guidance on @antv/s2 core engine, @antv/s2-react and @antv/s2-vue framework bindings, @antv/s2-react-components advanced analysis components, and @antv/s2-ssr server-side rendering. Covers pivot tables, table sheets, custom cells, theming, events, interactions, sorting, totals, tooltips, frozen rows/columns, icons, pagination, and more.
Tip
More skills are coming soon.
License
MIT License - see the LICENSE file for details.