Does chart-visualization-skills auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

Is chart-visualization-skills free?

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Data

Plugin

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.

FLOW.md

antvis@antvis

GitHub

Plugin Signal72/100Solid

maintained98

capable46

documented75

adopted57

Install on Claude Code

> /plugin marketplace add antvis/chart-visualization-skills

Stats

TypeScript JavaScript Node React Vue

+7 tags

HTML Bash Ruby GitHub Markdown Anthropic OpenAI

464

Stars

Forks

Active

Maintenance

TypeScript

Language

MIT

License

4d ago

Last commit

6mo ago

Created

Repo: antvis/chart-visualization-skills

In this plugin

8 skills

See everything inside

What's inside

Skill(8 skills)

/antv-g2-chartUse this skill whenever the user wants to create, customize, or troubleshoot G2 v5 chart visualizations. Triggers include: any mention of 'G2', 'antv g2', '@antv/g2', 'G2 chart', 'G2 可视化', or requests to produce charts like bar charts (柱状图), line charts (折线图), pie charts (饼图),/antv-g6-graphUse this skill whenever the user wants to create, customize, or troubleshoot G6 v5 graph/network visualizations. Triggers include: any mention of 'G6', 'antv g6', '@antv/g6', 'G6 graph', 'G6 图', '网络图', '关系图', '拓扑图', '树形图', '流程图', '思维导图', '鱼骨图', '力导向图', 'force graph', 'network /antv-x6-editorUse this skill whenever the user wants to create, customize, or troubleshoot X6 v3 graph editor diagrams. Triggers include: any mention of 'X6', 'antv x6', '@antv/x6', 'X6 editor', 'X6 图编辑', '流程图', 'DAG', 'ER图', '实体关系图', '血缘图', '组织架构图', 'UML类图', 'flowchart', 'DAG diagram', 'ER /chart-visualization将数据可视化为图表。当用户需要生成柱状图、折线图、饼图、散点图、雷达图、桑基图、思维导图、流程图等图表时调用此技能，通过 curl 工具调用 AntV API 生成图表图片 /gpt-vis推荐并生成合适的数据可视化图表，使用 GPT-Vis 库。支持两种输出模式：（1）语法模式——生成 Syntax 或 JSON 配置；（2）代码模式——生成完整的运行代码。支持 26 种图表类型。/icon-retrievalSearch icons through HTTP API and retrieve SVG strings with curl.

README

Read on GitHub

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.

📈 antv-g2-chart: G2 v5 chart code generator. Use when users need to generate G2 charts — bar charts, line charts, pie charts, scatter plots, area charts, heatmaps, and any statistical data visualization with the G2 library.

AntV G2 Chart generates accurate, runnable G2 v5 code following Spec Mode best practices. It covers 30+ chart types (interval, line, area, point, rect, cell, treemap, sankey, chord, wordCloud, gauge, and more), data transforms (stackY, dodgeX, binX, fold, etc.), coordinate systems (cartesian, polar, theta, radial), scales, interactions (brush, slider, legend filter), components (axis, legend, tooltip, annotation), and multi-view compositions. Built-in guard rails prevent common v4→v5 migration pitfalls such as using deprecated chain APIs, invalid palette names, or referencing d3 in user code.

🕸️ antv-g6-graph: G6 v5 graph visualization code generator. Use when users need to generate G6 graphs — network graphs, tree graphs, flow charts, mind maps, and any relational or graph-structured data visualization with the G6 library.

AntV G6 Graph generates accurate, runnable G6 v5 code following best practices. It covers core graph initialization, data structures (nodes, edges, combos), 10+ layout algorithms (force, dagre, circular, grid, mindmap, fishbone, etc.), all built-in node/edge/combo types, state management, 15+ behaviors (drag-canvas, zoom-canvas, click-select, lasso, etc.), 10+ plugins (minimap, tooltip, toolbar, legend, timebar, etc.), custom element development, transforms, and animation. Built-in guard rails prevent common v4→v5 migration pitfalls such as using deprecated G6.Graph() constructors, graph.data() APIs, or Mode-based behavior configuration.

🎯 antv-x6-editor: X6 v3 graph editor for interactive diagrams — flowcharts, DAGs, ER diagrams, org charts, UML, and custom graph editors. Triggers on any X6-related requests (nodes, edges, ports, plugins, layouts, serialization, HTML shapes, stencil, DnD).

AntV X6 Editor generates imperative X6 v3 diagram code with strict rule enforcement: no graph.render(), string-literal container, 11 official plugins only (Selection, History, Clipboard, etc.), proper background + defaults, and always centerContent() after modifications. Supports custom HTML nodes, edge routers/connectors, and all interactive editor features.

🤖 gpt-vis: AI-native visualization for the LLM era, powered by GPT-Vis. Supports 26 chart types with natural syntax that LLMs can generate effortlessly.

GPT-Vis provides framework-agnostic chart generation using a simple markdown-like syntax ideal for AI tools. It supports two output modes: (1) Syntax mode — generates declarative configuration for GPTVis.render() consumption (ideal for streaming), and (2) Code mode — generates complete runnable code for HTML/React/Vue. Includes built-in streaming support, fault tolerance, and intelligent defaults.

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

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

🖼️ 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.

Evaluation Results

Harness Engineering approach has been rigorously tested against 174 chart generation test cases, demonstrating significant improvements over baseline methods:

Model	G2	G6
qwen3-coder-480b-a35b-instruct	✨ 98.2% +17.7%	94.8% +15.6%
Kimi-K2.5	97.7% +17.2%	96.9% +17.7%
GLM-5.1	93.6% +13.1%	92.8% +13.6%
DeepSeek-V3.2	90.8% +10.3%	✨ 97.9% +18.7%
Context7 Baseline	80.5%	79.2%

The results show that Harness Engineering enables LLMs to achieve near-production-ready accuracy (up to 98.2%), significantly outperforming the Context7 baseline approach.

[!TIP] More skills are coming soon.

Context Retrieval Service

license

We provide a context HTTP service for the model, intended for AI Coding. You can also use the provided CLI and API for local retrieval or private deployment.

HTTP Context Service

Host: https://sive.antv.antgroup.com
Endpoint: /api/v1/context/retrieve
Method: GET
Parameters: query, library, topK, content, maxTokens, progressiveLevel

Parameters are as follows:

Parameter	Type	Required	Description
`query`	string	✅	Search keywords, e.g. `bar chart interval`
`library`	string	✅	Library name: `g2`, `g6`, `x6`
`topK`	number		Number of results to return (default: 5)
`content`	boolean		Return full reference doc markdown (default: true)
`maxTokens`	number		Max tokens per result (default: unlimited)
`progressiveLevel`	number		Progressive disclosure level: `0`=full, `1`=summary+code, `2`=summary-only

curl "https://sive.antv.antgroup.com/api/v1/context/retrieve?query=bar+chart+stacked&library=g2"

CLI Usage

We also provide a CLI tool named antv for easy usage in your terminal, Install globally:

npm install -g @antv/chart-visualization-skills

Retrieve skills by query:

# Retrieve skills by query (metadata only)
antv retrieve "bar chart" --library g2 --topk 10

# Retrieve skills with full markdown content
antv retrieve "bar chart" --library g2 --content

# Retrieve skills and output as JSON
antv retrieve "bar chart" --library g2 --output json

Usage for the command:

Usage: antv [options] [command]

CLI tool for AntV chart visualization skills retrieval

Options:
  -V, --version               output the version number
  -h, --help                  display help for command

Commands:
  retrieve [options] <query>  Search for skills matching a query
  help [command]              display help for command

Options for retrieve:
  --library <lib>             Filter by library (e.g. g2, g6, x6)
  --topk <n>                  Number of results to return (default: 7)
  --strategy <s>              Retrieval strategy: hybrid | vector (default: hybrid)
  --content                   Include markdown content body in results
  --output <format>           Output format: json | text (default: "text")

Note: Constraints docs (category __constraints__) are indexed as regular skill documents and appear naturally in search results when the query matches their content.

API Usage

import { retrieve } from '@antv/chart-visualization-skills';

// With full markdown content (defaults)
const skills = retrieve('bar chart', { library: 'g2', topK: 5 });

// Metadata only (no content body)
const skills = retrieve('bar chart', { library: 'g2', topK: 5, content: false });

// With token budget — content trimmed to fit 4000 tokens, summary + code only
const skills = retrieve('bar chart', {
  library: 'g2',
  maxTokens: 4000,
  progressiveLevel: 1,
});

retrieve(query: string, options?: RetrieveOptions): Promise<QueryResult[]>

interface RetrieveOptions {
  library?: string;    // Library filter, e.g. 'g2' or 'g6'
  topK?: number;       // Number of results (default: 7)
  strategy?: 'hybrid' | 'vector';  // Retrieval strategy (default: 'hybrid')
  maxTokens?: number;  // Token budget — content trimmed to fit when set
  progressiveLevel?: 0 | 1 | 2;  // 0=full, 1=summary+code, 2=summary (default: 1)
}

Option	Type	Default	Description
`library`	`string`	all	Library filter (`g2` / `g6` / `x6`)
`topK`	`number`	`7`	Number of results
`content`	`boolean`	`true`	Include markdown content body
`strategy`	`'hybrid' \| 'vector'`	`'hybrid'`	Retrieval strategy
`maxTokens`	`number`	—	Token budget; content trimmed to fit when set
`progressiveLevel`	`0 \| 1 \| 2`	`1`	0=full, 1=summary+code, 2=summary only

Notes:

Default retrieval uses hybrid strategy: zvec native FTS (jieba) + Vector (HNSW ANN) + RRF fusion.

strategy: 'vector' uses pure ANN vector similarity search.

Constraints docs (category __constraints__) are indexed as regular skill documents and appear naturally in search results.

When maxTokens is set, skill content is formatted and trimmed to fit the budget according to progressiveLevel.

License

MIT License - see the LICENSE file for details.

File tree

antvis/chart-visualization-skillsView on GitHub

__tests__/
  retrieve.test.ts
  synonyms.test.ts
  token.test.ts
.claude-plugin/
  marketplace.json
.env.example
.github/
  skills/
    antv-skills-maintainer/
      SKILL.md
  workflows/
    publish.yml
    skills-check.yml
    test.yml
.gitignore
AGENTS.md
CLAUDE.md
eval/
  data/
    g2-dataset-174.json
    g6-dataset-100.json
    x6-dataset-136.json
  eval-cli/
    index.ts
  eval-recall.ts
  package.json
  README.md
  result/
    eval-tool-call-dataset-200-Kimi-K2.5-2026-04-08.json
    eval-tool-call-dataset-200-qwen3-coder-480b-a35b-instruct-2026-04-08.json
    eval-tool-call-g2-dataset-174-Kimi-K2.5-2026-04-21.json
    eval-tool-call-g6-dataset-100-Kimi-K2.5-2026-04-16.json
    eval-tool-call-x6-dataset-136-qwen3-coder-480b-a35b-instruct-2026-05-29.json
    eval-zvec-g2-dataset-174-Kimi-K2.5-2026-07-08.json
    eval-zvec-g6-dataset-100-Kimi-K2.5-2026-07-08.json
  studio/
    next-env.d.ts
    next.config.ts
    package.json
    postcss.config.mjs
    src/
      app/
        api/
          results/
            [file]/
              route.ts
            route.ts
          studio/
            dataset/
              route.ts
            datasets/
              route.ts
        globals.css
        layout.tsx
        page.tsx
        results/
          page.tsx
      components/
        CodeEditor.tsx
        EditModal.tsx
        ErrorBoundary.tsx
        GridCell.tsx
        GridView.tsx
        Preview.tsx
        results/
          CompareModal.tsx
          ResultDetail.tsx
          ResultSidebar.tsx
          StatsModal.tsx
          types.ts
    tsconfig.json
  tsconfig.json
  utils/
    ai-sdk.ts
    category-inference.ts
    code-similarity.ts
    context7.ts
    eval-manager.ts
    eval-utils.ts
    logger.ts
    metrics.ts
    model-compare.ts
    parallel-executor.ts
    provider-registry.ts
    render-tester.ts
    skill-tools.ts
    visual-scorer.ts
    websocket.ts
    worktree.ts
harness/
  agent-registry.ts
  analyze-agent.ts
  config-manager.ts
  config.ts
  controller.ts
  error-classifier.ts
  eval-agent.ts
  index-agent.ts
  memory.ts
  optimize-agent.ts
  package.json
  README.md
  render-agent.ts
  retry-utils.ts
  tsconfig.json
LICENSE
package.json
playground/
  next-env.d.ts
  next.config.ts
  package.json
  src/
    app/
      api/
        generate/
          route.ts
      globals.css
      layout.tsx
      page.tsx
    components/
      ChatContainer.tsx
      CodeEditor.tsx
      ControlsBar.tsx
      index.ts
      Preview.tsx
      Sidebar.tsx
      Toolbar.tsx
    libs/
      cli-mode.ts
      provider.ts
      skill-mode.ts
      tools/
        info-tool.ts
        load-skill-tool.ts
        read-file-tool.ts
        retrieve-tool.ts
      util.ts
    types/
      css.d.ts
  tsconfig.json
pnpm-workspace.yaml
README.md
skills/
  antv-g2-chart/
    SKILL.md
  antv-g6-graph/
    SKILL.md
  antv-x6-editor/
    SKILL.md
  chart-visualization/
    SKILL.md
  gpt-vis/
    references/
      summary.md
    SKILL.md
  icon-retrieval/
    SKILL.md
  infographic-creator/
    SKILL.md
  narrative-text-visualization/
    SKILL.md
src/
  api.ts
  commands/
    retrieve.ts
  content/
    g2/
      animations/
        intro.md
        keyframe.md
        types.md
      components/
        annotation.md
        axis-config.md
        axis-radar.md
        label-config.md
        legend-category.md
        legend-config.md
        legend-continuous.md
        scrollbar.md
        slider.md
        title.md
        tooltip-config.md
      compositions/
        facet-circle.md
        facet-rect.md
        geo-map.md
        geoview.md
        repeat-matrix.md
        space-flex.md
        space-layer.md
        timing-keyframe.md
        view.md
      concepts/
        chart-selection.md
        color-theory.md
        dark-theme-adaptation.md
        rendering-troubleshoot.md
        visual-channels.md
      constraints.md
      coordinates/
        cartesian.md
        fisheye.md
        helix.md
        parallel.md
        polar.md
        radial.md
        theta.md
        transpose.md
      core/
        chart-init.md
        encode-channel.md
        view-composition.md
      data/
        ema.md
        fetch.md
        filter.md
        fold.md
        kde.md
        log.md
        slice.md
        sort.md
        sortby.md
        transform-patterns.md
      interactions/
        adaptive-filter.md
        brush-axis.md
        brush-filter.md
        brush-x-y-highlight.md
        brush-xy.md
        brush.md
        brushx-filter.md
        brushx-highlight.md
        brushy-filter.md
        brushy-highlight.md
        chart-index.md
        drilldown.md
        element-highlight-by.md
        element-highlight.md
        element-hover-scale.md
        element-point-move.md
        element-select-by.md
        element-select.md
        fisheye.md
        legend-filter.md
        legend-highlight.md
        poptip.md
        scrollbar-filter.md
        slider-filter.md
        slider-wheel.md
        tooltip.md
        treemap-drilldown.md
      label-transform/
        contrast-reverse.md
        exceed-adjust.md
        overflow-hide.md
        overflow-stroke.md
        overlap-dodge-y.md
        overlap-hide.md
      marks/
        arc-diagram.md
        arc-donut.md
        arc-pie.md
        area-basic.md
        area-stacked.md
        beeswarm.md
        bi-directional-bar.md
        box-boxplot.md
        boxplot.md
        bullet.md
        cell-heatmap.md
        chord.md
        connector.md
        contourline.md
        density.md
        distribution-curve.md
        funnel.md
        gantt.md
        gauge.md
        heatmap.md
        helix.md
        histogram.md
        image.md
        interval-basic.md
        interval-grouped.md
        interval-normalized.md
        interval-stacked.md
        k-chart.md
        line-basic.md
        line-multi.md
        linex-liney.md
        link.md
        liquid.md
        mosaic.md
        pack.md
        parallel.md
        partition.md
        path.md
        point-bubble.md
        point-scatter.md
        polygon.md
        radar.md
        radial-bar.md
        range-rangey.md
        rangex.md
        rect.md
        regression-curve.md
        rose.md
        sankey.md
        shape.md
        sunburst.md
        text.md
        tree.md
        treemap.md
        vector.md
        venn.md
        violin.md
        wordcloud.md
      palette/
        category10.md
        category20.md
      patterns/
        performance.md
        responsive.md
        v4-to-v5.md
      scales/
        band.md
        linear.md
        log.md
        ordinal.md
        point.md
        pow-sqrt.md
        quantile-quantize.md
        sequential.md
        threshold.md
        time.md
      themes/
        builtin.md
        custom.md
      transforms/
        bin.md
        binx.md
        diffy.md
        dodgex.md
        flexx.md
        group.md
        groupcolor.md
        groupx.md
        groupy.md
        jitter.md
        jitterx.md
        jittery.md
        normalizey.md
        pack.md
        sample.md
        select.md
        selectx.md
        selecty.md
        sort-color.md
        sortx.md
        sorty.md
        stack-enter.md
        stacky.md
        symmetryy.md
    g6/
      behaviors/
        advanced.md
        canvas-nav.md
        click-select.md
        create-edge-focus.md
        drag-element.md
        hover-activate.md
        lasso-collapse.md
      constraints.md
      core/
        custom-element.md
        data-structure.md
        events.md
        graph-api.md
        graph-init.md
        transforms-animation.md
      elements/
        combos/
          overview.md
        edges/
          cubic-directional.md
          cubic.md
          line.md
          polyline.md
          quadratic-loop.md
        nodes/
          circle.md
          diamond-ellipse-hexagon.md
          html.md
          image.md
          react.md
          rect.md
          star-triangle-donut.md
      layouts/
... 103 more

More Flows by @antvis.

VerifiedPlugin

Content

antv-infographic-skill…

🦋 An Infographic Generation and Rendering Framework, bring words to life! AntV Infographic is AntV's next-generation declarative infographic visualization engine.

5 skills

@antvis

View Plugin

FAQ

chart-visualization-skills is a Claude Code plugin with 8 hand-picked skills for data work, indexed on Flowy. Install it with the command on its page. It includes antv-g2-chart, antv-g6-graph, antv-x6-editor. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

What is 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.
How do I install chart-visualization-skills?: Run these in Claude Code: /plugin marketplace add antvis/chart-visualization-skills. Then prompt normally.
Does chart-visualization-skills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is chart-visualization-skills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Data

Plugin

chart-visualization-skills

FLOW.md

antvis@antvis

GitHub

Plugin Signal72/100Solid

maintained98

capable46

documented75

adopted57

Install on Claude Code

> /plugin marketplace add antvis/chart-visualization-skills

Stats

TypeScript JavaScript Node React Vue

+7 tags

HTML Bash Ruby GitHub Markdown Anthropic OpenAI

464

Stars

Forks

Active

Maintenance

TypeScript

Language

MIT

License

4d ago

Last commit

6mo ago

Created

Repo: antvis/chart-visualization-skills

In this plugin

8 skills

See everything inside

What's inside

Skill(8 skills)

README

Read on GitHub

Chart Visualization Skills

Turning data into a visual language for better thinking.

Overview

[!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.

📈 antv-g2-chart: G2 v5 chart code generator. Use when users need to generate G2 charts — bar charts, line charts, pie charts, scatter plots, area charts, heatmaps, and any statistical data visualization with the G2 library.

🕸️ antv-g6-graph: G6 v5 graph visualization code generator. Use when users need to generate G6 graphs — network graphs, tree graphs, flow charts, mind maps, and any relational or graph-structured data visualization with the G6 library.

🎯 antv-x6-editor: X6 v3 graph editor for interactive diagrams — flowcharts, DAGs, ER diagrams, org charts, UML, and custom graph editors. Triggers on any X6-related requests (nodes, edges, ports, plugins, layouts, serialization, HTML shapes, stencil, DnD).

🤖 gpt-vis: AI-native visualization for the LLM era, powered by GPT-Vis. Supports 26 chart types with natural syntax that LLMs can generate effortlessly.

🎨 infographic-creator: Create beautiful infographics based on given text content. Use when users request to create infographics.

📝 narrative-text-visualization: Generate structured narrative text visualizations from data using T8 Syntax.

🖼️ icon-retrieval: Search and retrieve icon SVG strings from icon library. Returns up to 5 matching icons by default (customizable).

Evaluation Results

Harness Engineering approach has been rigorously tested against 174 chart generation test cases, demonstrating significant improvements over baseline methods:

Model	G2	G6
qwen3-coder-480b-a35b-instruct	✨ 98.2% +17.7%	94.8% +15.6%
Kimi-K2.5	97.7% +17.2%	96.9% +17.7%
GLM-5.1	93.6% +13.1%	92.8% +13.6%
DeepSeek-V3.2	90.8% +10.3%	✨ 97.9% +18.7%
Context7 Baseline	80.5%	79.2%

The results show that Harness Engineering enables LLMs to achieve near-production-ready accuracy (up to 98.2%), significantly outperforming the Context7 baseline approach.

[!TIP] More skills are coming soon.

Context Retrieval Service

license

We provide a context HTTP service for the model, intended for AI Coding. You can also use the provided CLI and API for local retrieval or private deployment.

HTTP Context Service

Host: https://sive.antv.antgroup.com
Endpoint: /api/v1/context/retrieve
Method: GET
Parameters: query, library, topK, content, maxTokens, progressiveLevel

Parameters are as follows:

Parameter	Type	Required	Description
`query`	string	✅	Search keywords, e.g. `bar chart interval`
`library`	string	✅	Library name: `g2`, `g6`, `x6`
`topK`	number		Number of results to return (default: 5)
`content`	boolean		Return full reference doc markdown (default: true)
`maxTokens`	number		Max tokens per result (default: unlimited)
`progressiveLevel`	number		Progressive disclosure level: `0`=full, `1`=summary+code, `2`=summary-only

curl "https://sive.antv.antgroup.com/api/v1/context/retrieve?query=bar+chart+stacked&library=g2"

CLI Usage

We also provide a CLI tool named antv for easy usage in your terminal, Install globally:

npm install -g @antv/chart-visualization-skills

Retrieve skills by query:

# Retrieve skills by query (metadata only)
antv retrieve "bar chart" --library g2 --topk 10

# Retrieve skills with full markdown content
antv retrieve "bar chart" --library g2 --content

# Retrieve skills and output as JSON
antv retrieve "bar chart" --library g2 --output json

Usage for the command:

Usage: antv [options] [command]

CLI tool for AntV chart visualization skills retrieval

Options:
  -V, --version               output the version number
  -h, --help                  display help for command

Commands:
  retrieve [options] <query>  Search for skills matching a query
  help [command]              display help for command

Options for retrieve:
  --library <lib>             Filter by library (e.g. g2, g6, x6)
  --topk <n>                  Number of results to return (default: 7)
  --strategy <s>              Retrieval strategy: hybrid | vector (default: hybrid)
  --content                   Include markdown content body in results
  --output <format>           Output format: json | text (default: "text")

Note: Constraints docs (category __constraints__) are indexed as regular skill documents and appear naturally in search results when the query matches their content.

API Usage

import { retrieve } from '@antv/chart-visualization-skills';

// With full markdown content (defaults)
const skills = retrieve('bar chart', { library: 'g2', topK: 5 });

// Metadata only (no content body)
const skills = retrieve('bar chart', { library: 'g2', topK: 5, content: false });

// With token budget — content trimmed to fit 4000 tokens, summary + code only
const skills = retrieve('bar chart', {
  library: 'g2',
  maxTokens: 4000,
  progressiveLevel: 1,
});

retrieve(query: string, options?: RetrieveOptions): Promise<QueryResult[]>

interface RetrieveOptions {
  library?: string;    // Library filter, e.g. 'g2' or 'g6'
  topK?: number;       // Number of results (default: 7)
  strategy?: 'hybrid' | 'vector';  // Retrieval strategy (default: 'hybrid')
  maxTokens?: number;  // Token budget — content trimmed to fit when set
  progressiveLevel?: 0 | 1 | 2;  // 0=full, 1=summary+code, 2=summary (default: 1)
}

Option	Type	Default	Description
`library`	`string`	all	Library filter (`g2` / `g6` / `x6`)
`topK`	`number`	`7`	Number of results
`content`	`boolean`	`true`	Include markdown content body
`strategy`	`'hybrid' \| 'vector'`	`'hybrid'`	Retrieval strategy
`maxTokens`	`number`	—	Token budget; content trimmed to fit when set
`progressiveLevel`	`0 \| 1 \| 2`	`1`	0=full, 1=summary+code, 2=summary only

Notes:

Default retrieval uses hybrid strategy: zvec native FTS (jieba) + Vector (HNSW ANN) + RRF fusion.

strategy: 'vector' uses pure ANN vector similarity search.

Constraints docs (category __constraints__) are indexed as regular skill documents and appear naturally in search results.

When maxTokens is set, skill content is formatted and trimmed to fit the budget according to progressiveLevel.

License

MIT License - see the LICENSE file for details.

File tree

antvis/chart-visualization-skillsView on GitHub

__tests__/
  retrieve.test.ts
  synonyms.test.ts
  token.test.ts
.claude-plugin/
  marketplace.json
.env.example
.github/
  skills/
    antv-skills-maintainer/
      SKILL.md
  workflows/
    publish.yml
    skills-check.yml
    test.yml
.gitignore
AGENTS.md
CLAUDE.md
eval/
  data/
    g2-dataset-174.json
    g6-dataset-100.json
    x6-dataset-136.json
  eval-cli/
    index.ts
  eval-recall.ts
  package.json
  README.md
  result/
    eval-tool-call-dataset-200-Kimi-K2.5-2026-04-08.json
    eval-tool-call-dataset-200-qwen3-coder-480b-a35b-instruct-2026-04-08.json
    eval-tool-call-g2-dataset-174-Kimi-K2.5-2026-04-21.json
    eval-tool-call-g6-dataset-100-Kimi-K2.5-2026-04-16.json
    eval-tool-call-x6-dataset-136-qwen3-coder-480b-a35b-instruct-2026-05-29.json
    eval-zvec-g2-dataset-174-Kimi-K2.5-2026-07-08.json
    eval-zvec-g6-dataset-100-Kimi-K2.5-2026-07-08.json
  studio/
    next-env.d.ts
    next.config.ts
    package.json
    postcss.config.mjs
    src/
      app/
        api/
          results/
            [file]/
              route.ts
            route.ts
          studio/
            dataset/
              route.ts
            datasets/
              route.ts
        globals.css
        layout.tsx
        page.tsx
        results/
          page.tsx
      components/
        CodeEditor.tsx
        EditModal.tsx
        ErrorBoundary.tsx
        GridCell.tsx
        GridView.tsx
        Preview.tsx
        results/
          CompareModal.tsx
          ResultDetail.tsx
          ResultSidebar.tsx
          StatsModal.tsx
          types.ts
    tsconfig.json
  tsconfig.json
  utils/
    ai-sdk.ts
    category-inference.ts
    code-similarity.ts
    context7.ts
    eval-manager.ts
    eval-utils.ts
    logger.ts
    metrics.ts
    model-compare.ts
    parallel-executor.ts
    provider-registry.ts
    render-tester.ts
    skill-tools.ts
    visual-scorer.ts
    websocket.ts
    worktree.ts
harness/
  agent-registry.ts
  analyze-agent.ts
  config-manager.ts
  config.ts
  controller.ts
  error-classifier.ts
  eval-agent.ts
  index-agent.ts
  memory.ts
  optimize-agent.ts
  package.json
  README.md
  render-agent.ts
  retry-utils.ts
  tsconfig.json
LICENSE
package.json
playground/
  next-env.d.ts
  next.config.ts
  package.json
  src/
    app/
      api/
        generate/
          route.ts
      globals.css
      layout.tsx
      page.tsx
    components/
      ChatContainer.tsx
      CodeEditor.tsx
      ControlsBar.tsx
      index.ts
      Preview.tsx
      Sidebar.tsx
      Toolbar.tsx
    libs/
      cli-mode.ts
      provider.ts
      skill-mode.ts
      tools/
        info-tool.ts
        load-skill-tool.ts
        read-file-tool.ts
        retrieve-tool.ts
      util.ts
    types/
      css.d.ts
  tsconfig.json
pnpm-workspace.yaml
README.md
skills/
  antv-g2-chart/
    SKILL.md
  antv-g6-graph/
    SKILL.md
  antv-x6-editor/
    SKILL.md
  chart-visualization/
    SKILL.md
  gpt-vis/
    references/
      summary.md
    SKILL.md
  icon-retrieval/
    SKILL.md
  infographic-creator/
    SKILL.md
  narrative-text-visualization/
    SKILL.md
src/
  api.ts
  commands/
    retrieve.ts
  content/
    g2/
      animations/
        intro.md
        keyframe.md
        types.md
      components/
        annotation.md
        axis-config.md
        axis-radar.md
        label-config.md
        legend-category.md
        legend-config.md
        legend-continuous.md
        scrollbar.md
        slider.md
        title.md
        tooltip-config.md
      compositions/
        facet-circle.md
        facet-rect.md
        geo-map.md
        geoview.md
        repeat-matrix.md
        space-flex.md
        space-layer.md
        timing-keyframe.md
        view.md
      concepts/
        chart-selection.md
        color-theory.md
        dark-theme-adaptation.md
        rendering-troubleshoot.md
        visual-channels.md
      constraints.md
      coordinates/
        cartesian.md
        fisheye.md
        helix.md
        parallel.md
        polar.md
        radial.md
        theta.md
        transpose.md
      core/
        chart-init.md
        encode-channel.md
        view-composition.md
      data/
        ema.md
        fetch.md
        filter.md
        fold.md
        kde.md
        log.md
        slice.md
        sort.md
        sortby.md
        transform-patterns.md
      interactions/
        adaptive-filter.md
        brush-axis.md
        brush-filter.md
        brush-x-y-highlight.md
        brush-xy.md
        brush.md
        brushx-filter.md
        brushx-highlight.md
        brushy-filter.md
        brushy-highlight.md
        chart-index.md
        drilldown.md
        element-highlight-by.md
        element-highlight.md
        element-hover-scale.md
        element-point-move.md
        element-select-by.md
        element-select.md
        fisheye.md
        legend-filter.md
        legend-highlight.md
        poptip.md
        scrollbar-filter.md
        slider-filter.md
        slider-wheel.md
        tooltip.md
        treemap-drilldown.md
      label-transform/
        contrast-reverse.md
        exceed-adjust.md
        overflow-hide.md
        overflow-stroke.md
        overlap-dodge-y.md
        overlap-hide.md
      marks/
        arc-diagram.md
        arc-donut.md
        arc-pie.md
        area-basic.md
        area-stacked.md
        beeswarm.md
        bi-directional-bar.md
        box-boxplot.md
        boxplot.md
        bullet.md
        cell-heatmap.md
        chord.md
        connector.md
        contourline.md
        density.md
        distribution-curve.md
        funnel.md
        gantt.md
        gauge.md
        heatmap.md
        helix.md
        histogram.md
        image.md
        interval-basic.md
        interval-grouped.md
        interval-normalized.md
        interval-stacked.md
        k-chart.md
        line-basic.md
        line-multi.md
        linex-liney.md
        link.md
        liquid.md
        mosaic.md
        pack.md
        parallel.md
        partition.md
        path.md
        point-bubble.md
        point-scatter.md
        polygon.md
        radar.md
        radial-bar.md
        range-rangey.md
        rangex.md
        rect.md
        regression-curve.md
        rose.md
        sankey.md
        shape.md
        sunburst.md
        text.md
        tree.md
        treemap.md
        vector.md
        venn.md
        violin.md
        wordcloud.md
      palette/
        category10.md
        category20.md
      patterns/
        performance.md
        responsive.md
        v4-to-v5.md
      scales/
        band.md
        linear.md
        log.md
        ordinal.md
        point.md
        pow-sqrt.md
        quantile-quantize.md
        sequential.md
        threshold.md
        time.md
      themes/
        builtin.md
        custom.md
      transforms/
        bin.md
        binx.md
        diffy.md
        dodgex.md
        flexx.md
        group.md
        groupcolor.md
        groupx.md
        groupy.md
        jitter.md
        jitterx.md
        jittery.md
        normalizey.md
        pack.md
        sample.md
        select.md
        selectx.md
        selecty.md
        sort-color.md
        sortx.md
        sorty.md
        stack-enter.md
        stacky.md
        symmetryy.md
    g6/
      behaviors/
        advanced.md
        canvas-nav.md
        click-select.md
        create-edge-focus.md
        drag-element.md
        hover-activate.md
        lasso-collapse.md
      constraints.md
      core/
        custom-element.md
        data-structure.md
        events.md
        graph-api.md
        graph-init.md
        transforms-animation.md
      elements/
        combos/
          overview.md
        edges/
          cubic-directional.md
          cubic.md
          line.md
          polyline.md
          quadratic-loop.md
        nodes/
          circle.md
          diamond-ellipse-hexagon.md
          html.md
          image.md
          react.md
          rect.md
          star-triangle-donut.md
      layouts/
... 103 more

More Flows by @antvis.

VerifiedPlugin

Content

antv-infographic-skill…

🦋 An Infographic Generation and Rendering Framework, bring words to life! AntV Infographic is AntV's next-generation declarative infographic visualization engine.

5 skills

@antvis

View Plugin

FAQ

What is 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.
How do I install chart-visualization-skills?: Run these in Claude Code: /plugin marketplace add antvis/chart-visualization-skills. Then prompt normally.
Does chart-visualization-skills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
Is chart-visualization-skills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.