Infographic
AntV出品的声明式信息图可视化引擎，让文字“活”起来。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Infographic。 它的用途是：AntV出品的声明式信息图可视化引擎，让文字“活”起来。 完整的 Skill 内容见：https://321skill.com/skills/infographic-antvis/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我将这份年度销售数据总结，用信息图的形式展示核心增长点和部门贡献对比。” AI 可以利用 Infographic 的语法，快速生成一个包含标题、关键指标卡片、对比柱状图和说明文字的精美信息图。或者
对AI说：“把这个项目实施的五个关键步骤画成一个横向流程图。” AI 会调用 Infographic 的列表或流程模板，生成带有箭头和图标指引的步骤图。
介绍
AntV Infographic 是 AntV 下一代声明式信息图可视化引擎。它旨在解决数据展示和信息叙事中，传统图表过于抽象、难以快速生成高质量视觉呈现的痛点。通过精心设计的信息图语法，用户可以用简洁的代码描述复杂的视觉布局和样式，引擎能快速、灵活地渲染出高质量的信息图，极大提升了信息呈现的效率和数据故事讲述的便捷性。
使用上，开发者可以通过 npm 安装，在项目中引入并实例化 Infographic 对象，通过其提供的声明式语法（类似一种领域特定语言）来描述信息图的结构、数据和样式，即可在网页中渲染出精美的可视化结果。它还内置了编辑器，支持对 AI 生成的结果进行二次编辑。
这个 Skill 非常适合需要将数据、流程或概念进行视觉化表达的角色，例如数据分析师、产品经理、内容创作者和学术研究者，帮助他们快速制作专业水准的报告、演示文稿或宣传材料。
建议用户从官方文档的“快速开始”和“信息图语法”部分入手，熟悉其核心 DSL。对于复杂场景，可以优先使用其内置的近 200 个模板和组件进行组合，以加速开发。注意，它主要输出为 SVG 格式，适合需要高保真、可编辑矢量图形的场景。
核心特点
与同类图表库（如 ECharts、G2）专注于数据图表不同，Infographic 的核心是面向“信息图”的完整叙事和排版，提供了从标题、列表、箭头、图示到复杂布局的一整套声明式语法，更像一个专为可视化叙事设计的排版引擎。同时，其语法设计对 AI 生成高度友好，支持流式输出和渲染，与 AI Agent 工作流结合紧密。
注意事项
不适合需要复杂交互、实时数据流更新或 3D 可视化的场景，其核心优势在于静态或轻度交互的高质量信息图生成。
常见问题
Infographic 和 AntV 的 G2 图表库有什么区别？
G2 是专业的统计图表库，用于绘制折线图、柱状图等标准数据图表；Infographic 是信息图引擎，用于将文字、数据、图表等元素组合成具有叙事性的视觉版面，如流程图、步骤图、信息海报等。
是否需要设计基础才能使用？
不需要。Infographic 提供了丰富的内置模板、主题和组件，用户通过简单的声明式语法即可组合出专业效果，降低了设计门槛。内置编辑器也支持可视化调整。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/infographic-antvis/raw/index.md 读取 Infographic 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/infographic-antvis/raw/index.md（查看排版版本）