MCPInstall

antvis-chart-skills

by podoAI & Agents

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).

Installs
220
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/podo/design-agent-skills --skill antvis-chart-skills
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads antvis-chart-skills automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

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

  1. 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 as chart-visualization, invoke it and proceed
    • pointer → go to step 2

  2. 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 -y

    Project:

    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 -y

    Claude 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-skills

Heads-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:

SkillUse case
chart-visualizationChart images for time series, comparisons, part-to-whole, relationships, geographic and hierarchical data, rendered through the AntV web API
antv-g2-chartG2 v5 chart code generator (bar, line, pie, scatter, area, heatmap and more)
antv-g6-graphG6 v5 graph visualization: network graphs, tree graphs, flow charts, mind maps
antv-x6-editorX6 v3 graph editor code for interactive diagrams: flowcharts, DAGs, ER diagrams, org charts
antv-infographicInfographics from text content: lists, sequences, hierarchies, comparisons, relations
antv-t8-ntvNarrative text visualization: structured data-interpretation reports with entity annotations (T8 syntax)
antv-gpt-visGPT-Vis charts in syntax/JSON mode or as complete runnable code
icon-retrievalSearch 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 as d3js-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-agents365 or the content-catalogue router

FAQ

What does the antvis-chart-skills skill do?

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).

How do I install antvis-chart-skills?

Run npx skills add https://github.com/podo/design-agent-skills --skill antvis-chart-skills in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/antvis-chart-skills/ (personal) or .claude/skills/antvis-chart-skills/ (project).

Which AI agents can use antvis-chart-skills?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is antvis-chart-skills safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains antvis-chart-skills?

It is published by podo in podo/design-agent-skills. It has 220 recorded installs.

More from podo/design-agent-skills

View all →

distinctive-frontend

podo/design-agent-skills

Generates distinctive interfaces that avoid generic AI aesthetics, using extreme typography, cohesive themes (Cyberpunk, Brutalist, Vaporwave, Nordic Minimalism), orchestrated staggered animations, and layered backgrounds. Originally published as Koomook/claude-frontend-skills; installed from a verbatim mirror.

Frontend & Design589 installs

taste-skill

podo/design-agent-skills

Anti-slop frontend art direction (tasteskill v2). Deals researched design directions for a page or app screen from a library built from curated gallery sites, enforces a strict no-generic-AI-UI house style with a real-browser inspector, and runs a look-and-fix loop on screenshots. Works in any web stack.

Frontend & Design266 installs

emilkowalski-skill

podo/design-agent-skills

Emil Kowalski's design engineering skills. Creator of Sonner, Vaul, and animations.dev. Covers the animation decision framework, custom easing curves, component interaction principles, and typography rules, plus skills to review, audit, and improve motion, performance, and native-feeling mobile web UI.

Frontend & Design239 installs

ui-craft

podo/design-agent-skills

Design engineering skill for AI coding agents: opinionated rules for how interfaces should look, move, and feel, a required discovery phase before coding, domain references, three style variants (minimal, editorial, dense-dashboard), and an anti-slop approach that flags generic patterns such as centered hero sections, Inter-only typography, and three-column card grids. Covers premium UI taste, component patterns, and design-engineering workflows.

Frontend & Design231 installs

color-expert

podo/design-agent-skills

A large color-science knowledge base applied to UI/UX design. Covers OKLCH/OKLAB color spaces, palette generation, accessibility contrast ratios, color naming, pigment mixing, and historical color theory. By meodai, creator of color-names.

Frontend & Design230 installs

apple-hig-skills

podo/design-agent-skills

Apple Human Interface Guidelines as agent skills covering iOS, macOS, visionOS, watchOS, and tvOS. From raintree-technology, makers of the Apple HIG compliance website.

AI & Agents224 installs

Popular ai & agents skills

View category →

google-agents-cli-publish

google/agents-cli

This skill should be used when the user wants to "publish an agent", "publish my ADK agent", "register an agent with Gemini", "publish to Gemini" (formerly Gemini Enterprise), or needs guidance on the agents-cli publish gemini command. Also use when the user wants to "manage agents in Agent Registry", "list/update/delete registered agents", or "register an MCP server". Covers ADK vs A2A registration modes, programmatic and interactive usage, flag reference, auto-detection from deployment metadata, Agent Registry fleet management, and troubleshooting. Part of the agents-cli skills suite. Do NOT use for deployment (use google-agents-cli-deploy).

AI & Agents513.9K installs

google-agents-cli-eval

google/agents-cli

This skill should be used when the user wants to "run an evaluation", "evaluate my agent", "evaluate my ADK agent", "write an eval dataset", "analyze eval failures", "compare eval results", "optimize agent", or needs guidance on the Gemini platform eval methodology and the Quality Flywheel. Covers eval metrics, dataset schema, LLM-as-judge scoring, and common failure causes. Applies to any agents-cli project, whatever framework the agent is written in. Do NOT use for agent API code patterns (ADK: use google-agents-cli-adk-code), deployment (use google-agents-cli-deploy), or project scaffolding (use google-agents-cli-scaffold).

AI & Agents513.5K installs

skill-creator

anthropics/skills

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill's description for better triggering accuracy.

OfficialAI & Agents416.4K installs

codex-pet

prime-skills/runcomfy-agent-skills

Codex Pet generator on RunComfy. Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single reference image, drop it into ${CODEXHOME:-$HOME/.codex}/pets/ / and Codex picks it up as a custom Codex Pet next to the 8 built-ins. This skill produces the exact Codex Pet atlas Codex expects (1536x1872 PNG/WebP, 8 cols x 9 rows, 192x208 cells, 9 animation states — idle, running-right, running-left, waving, jumping, failed, waiting, running, review). Calls OpenAI GPT Image 2 edit ONCE via the local RunComfy CLI as runcomfy run openai/gpt-image-2/edit to produce a canonical Codex Pet pose, then assembles all 9 animation rows programmatically with ImageMagick micro-transforms — no Codex Pro, no $imagegen, no OPENAIAPIKEY required, only RUNCOMFYTOKEN. Triggers on "codex pet", "create codex pet", "make codex pet", "hatch codex pet", "/hatch image", "desktop pet codex", "codex pets", "spritesheet.webp", or any explicit ask to build a custom pet for OpenAI Codex.

AI & Agents402.1K installs

full-output-enforcement

leonxlnx/taste-skill

Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles token-limit splits cleanly. Apply to any task requiring exhaustive, unabridged output.

AI & Agents401K installs

executing-plans

obra/superpowers

Use when executing an implementation plan in the current session as the implementer yourself — your human partner chose inline execution, or no subagent tool is available

AI & Agents245.7K installs