antvis-chart-skills
Skill32 starsChanged 6 months agoMITView on GitHub
Chart and visualization skills from Ant Group's AntV ecosystem: chart images, G2 chart code, G6 graphs, X6 diagram editors, infographics, GPT-Vis charts, icon search, and narrative text visualization (T8).
1 other project uses a version of this, 1 of them edited.
Adopted by
Most recently taken up by
- jasonfesta/design-agentsedited, first seen Oct 15, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 1
- jasonfesta/design-agents★ 123% same
Wrote their own version · 0
None found.
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository170 other files it gives its agents.
- CLAUDE.mdCLAUDE.md
- accessibility-agentsSkill
- accessibility-catalogueSkill
- addyosmani-qualitySkill
- ai-graphic-design-skillSkill
- algorithmic-artSkill
- anatomySkill
- animate-css-skillSkill
- animate-skillSkill
- anthropics-skillsSkill
- apple-hig-skillsSkill
- assimovt-productskillsSkill
- awesome-design-skillsSkill
- baseline-uiSkill
- bencium-ux-designerSkill
- brand-design-mdSkill
- building-componentsSkill
- callstack-agent-skillsSkill
- cc-slidevSkill
- chadboyda-gtmSkill
- claud3Skill
- claude2figmaSkill
- claudedesignskillsSkill
- claude-pm-skillsSkill
- claude-wireframe-skillSkill
- cloudai-threejsSkill
- cloudflare-web-perfSkill
- color-expertSkill
- composio-artifactsSkill
- content-catalogueSkill
- content-strategySkill
- copywriting-skillSkill
- coreyhaines-marketingSkill
- creative-directorSkill
- css-animation-skillSkill
- d3js-skillSkill
- dark-pattern-auditSkill
- data-analysis-skillSkill
- data-viz-agentSkill
- deanpeters-pm-skillsSkill
- design-auditorSkill
- design-briefSkill
- design-catalogueSkill
- design-consultationSkill
- design-debt-auditSkill
- design-engineering-catalogueSkill
- designer-skillsSkill
- design-for-aiSkill
- design-htmlSkill
- design-impact-reportingSkill
- design-labSkill
- design-motion-principlesSkill
- design-negotiationSkill
- design-review-garrytanSkill
- design-sprintSkill
- design-system-governanceSkill
- design-tokens-skillSkill
- design-with-claudeSkill
- digidai-pmSkill
- dimensional-drawingSkill
- The first 60 shown.
The file
Files
antvis-chart-skills
Catalogue stub — full package: antvis/chart-visualization-skills
<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->Decision tree
- Is the full skill already installed?
This package installs 8 skills (
chart-visualization,antv-g2-chart,antv-g6-graph,antv-x6-editor,antv-infographic,antv-t8-ntv,antv-gpt-vis,icon-retrieval); checking the first.- Global:
f=~/.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - Project:
f=.agents/skills/chart-visualization/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ the skill is installed aschart-visualization, invoke it and proceedpointer→ go to step 2
- Global:
Detect scope, then install:
[ -e ~/.agents/skills/antvis-chart-skills ] && echo "global" || echo "project"Global:
npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -g -yProject:
npx skills add antvis/chart-visualization-skills --skill chart-visualization antv-g2-chart antv-g6-graph antv-x6-editor antv-infographic antv-t8-ntv antv-gpt-vis icon-retrieval -yClaude Code: send a command as a chat message starting with
!to run it without leaving the conversation.
Claude Code plugin route:
/plugin marketplace add antvis/chart-visualization-skills
/plugin install chart-visualization@visualization-skills
/plugin install antv-g2-chart@visualization-skills
/plugin install antv-g6-graph@visualization-skills
/plugin install antv-x6-editor@visualization-skills
/plugin install antv-infographic@visualization-skills
/plugin install antv-t8-ntv@visualization-skills
/plugin install antv-gpt-vis@visualization-skills
/plugin install icon-retrieval@visualization-skillsHeads-up
- Requires: Network access: chart-visualization POSTs your chart data to the third-party endpoint antv-studio.alipay.com to render images; antv-g2-chart, antv-g6-graph and icon-retrieval also call AntV HTTP APIs with curl
- License: MIT
<!-- das:install:end -->Invoke after install
Skills from the AntV ecosystem:
| Skill | Use case |
chart-visualization | Chart images for time series, comparisons, part-to-whole, relationships, geographic and hierarchical data, rendered through the AntV web API |
antv-g2-chart | G2 v5 chart code generator (bar, line, pie, scatter, area, heatmap and more) |
antv-g6-graph | G6 v5 graph visualization: network graphs, tree graphs, flow charts, mind maps |
antv-x6-editor | X6 v3 graph editor code for interactive diagrams: flowcharts, DAGs, ER diagrams, org charts |
antv-infographic | Infographics from text content: lists, sequences, hierarchies, comparisons, relations |
antv-t8-ntv | Narrative text visualization: structured data-interpretation reports with entity annotations (T8 syntax) |
antv-gpt-vis | GPT-Vis charts in syntax/JSON mode or as complete runnable code |
icon-retrieval | Search the AntV infographic icon library and retrieve SVG strings |
What it does
Chart, graph, infographic and narrative-report generation built on Ant Group's production AntV libraries (G2, G6, X6, GPT-Vis, Infographic, T8). Some skills generate library code you run yourself; chart-visualization instead sends your chart data to a hosted AntV endpoint and returns an image URL, so do not use it for confidential data. The chart-visualization skill body is written in Chinese.
When NOT to use
- Confidential data you must keep local: use the code-generating skills (
antv-g2-chart,antv-g6-graph) or another charting skill such asd3js-skill - Pivot tables and spreadsheet-style tables: the AntV S2 skill is no longer part of this repository
- Slides, wireframes or flowcharts drawn by hand: use
excalidraw-agents365or thecontent-cataloguerouter
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

