chart-visualization-skills
基于AntV的智能图表生成技能，支持26+图表类型。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：chart-visualization-skills。 它的用途是：基于AntV的智能图表生成技能，支持26+图表类型。 完整的 Skill 内容见：https://321skill.com/skills/chart-visualization-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我将过去一年的月度销售额数据可视化，展示增长趋势。’，它会智能选择折线图，提取数据中的时间和销售额字段，生成清晰的趋势图表。或者说：‘我需要用G2画一个展示各部门预算占比的环图。’，它会生成符合G2 v5 Spec模式的、包含数据映射和视觉编码的完整React/Vue代码片段。
介绍
在数据驱动的时代，将复杂数据转化为直观的图表是高效分析和决策的关键。然而，手动选择合适的图表类型、编写可视化代码往往耗时且门槛较高。Chart Visualization Skills 旨在解决这一问题，它能够根据用户提供的数据和描述，智能匹配合适的图表类型，并生成高质量的图表图像或对应的AntV G2/G6代码。
使用方式非常简单。用户只需在AI对话中描述想要可视化的数据、分析目的或直接提供数据，该技能便会自动工作。它支持通过Claude Code插件市场或npx命令安装，安装后即可在对话中调用。无论是生成一张静态图表图片，还是需要可交互、可嵌入网页的G2/G6代码，它都能应对。
这个技能非常适合需要频繁进行数据呈现和分析的各类角色。数据分析师可以用它快速探索数据分布和趋势；产品经理和运营人员可以轻松制作报告和仪表盘中的图表；前端和全栈开发者则能直接获得可运行的、符合最佳实践的AntV代码，极大提升开发效率。
建议在使用时，尽可能清晰地描述你的数据特征（如时间序列、分类对比）和分析目标（如展示趋势、比较份额、揭示关系）。对于生成代码的场景，明确指定使用G2（统计图表）还是G6（关系图谱）库，能获得更精准的结果。注意，它主要处理的是图表生成和代码编写，复杂的数据预处理和深度分析仍需结合其他工具完成。
核心特点
与通用图表生成工具相比，它深度集成AntV生态，不仅能输出图片，更能生成符合G2 v5和G6 v5最新最佳实践的、可直接运行的前端代码，并内置了防止常见迁移错误的防护机制。
注意事项
不适合需要进行复杂数据清洗、建模或超出26种预设图表类型的极其定制化的可视化需求。
常见问题
这个技能能生成哪些类型的图表？
支持超过26种图表类型，涵盖统计图表（如柱、线、饼、散点图）、关系图、地理图、层次图等常见数据可视化场景。
生成的G2/G5代码可以直接用吗？
可以，生成的代码遵循AntV官方v5版本的最佳实践（Spec模式），并避免了常见的迁移陷阱，通常是可运行且高效的。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/chart-visualization-skills/raw/index.md 读取 chart-visualization-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/chart-visualization-skills/raw/index.md（查看排版版本）