Visualizes data into charts. Invoke this skill when users need to generate bar charts, line charts, pie charts, scatter plots, radar charts, Sankey diagrams, mind maps, flowcharts, etc., by using the curl tool to call the AntV API to generate chart images.
The `antvis/chart-visualization` skill enables AI agents to generate a wide variety of charts and diagrams directly from data, including bar charts, line charts, pie charts, scatter plots, radar charts, Sankey diagrams, mind maps, and flowcharts. It is designed for use with agent platforms like Claude Code, Cursor, or Codex, and relies on the `curl` tool to invoke the AntV API for rendering chart images. This skill is particularly useful for developers and analysts who need to quickly visualize structured data without writing visualization code from scratch. It abstracts away the complexity of chart generation, allowing agents to focus on data interpretation and presentation. The skill works by constructing appropriate API requests based on user data and desired chart type, then returning the generated image for display or further analysis.
npx skills add https://github.com/antvis/chart-visualization-skills/tree/main/skills/chart-visualizationInstalled? Explore more Image skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Visualizes data into charts. Invoke this skill when users need to generate bar charts, line charts, pie charts, scatter plots, radar charts, Sankey diagrams, mind maps, flowcharts, etc., by using the curl tool to call the AntV API to generate chart images.
This repo contains 3 individual skills — each has its own dedicated page.
Search icons through HTTP API and retrieve SVG strings with curl.
Create beautiful infographics based on given text content. Use when users request to create infographics.
Generate structured narrative text visualizations from data using T8 Syntax. Use when users want to create data interpretation reports, summaries, or structured articles with semantic entity annotations. T8 is designed for unstructured data visualization where T stands for Text and 8 represents a byte of 8 bits, symbolizing deep insights beneath the text.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.