Agent Skills
› antvis/Infographic
antvis/Infographic
GitHub用于生成或更新TypeScript/TSX格式的Infographic Item组件代码，遵循框架规则、布局约束及注册要求。适用于设计、实现或修改数据项可视化、布局逻辑及复合组件注册场景。
Install All Skills
npx skills add antvis/Infographic --all -g -y
Skills in Collection (5)
用于生成或更新TypeScript/TSX格式的Infographic Item组件代码，遵循框架规则、布局约束及注册要求。适用于设计、实现或修改数据项可视化、布局逻辑及复合组件注册场景。
需要生成Infographic Item组件代码
修改现有Item组件的视觉或布局
为Infographic框架注册新的Item复合组件
npx skills add antvis/Infographic --skill infographic-item-creator -g -y
用于生成或更新信息图结构组件代码，支持列表、对比、序列等布局。通过读取参考规则并遵循项目约束，输出完整的TypeScript/TSX文件，包含组件实现与注册逻辑，确保符合框架规范。
需要设计或修改信息图的结构布局
要求生成符合特定框架规则的组件代码
涉及结构组件的组合与注册
npx skills add antvis/Infographic --skill infographic-structure-creator -g -y
根据用户笔记或大纲生成 AntV Infographic DSL 语法，支持模板选择、数据结构化和图标建议，专用于语法输出而非渲染。
将内容转换为 Infographic 语法
需要生成图表 DSL 代码
npx skills add antvis/Infographic --skill infographic-syntax-creator -g -y
当向src/templates添加新信息图模板时，自动更新相关文档、站点画廊映射及AI提示词列表，确保模板名称准确并同步至各引用文件。
向 src/templates/*.ts 添加新信息图模板
需要更新 SKILL.md 模板列表或 AIPlayground 提示词
npx skills add antvis/Infographic --skill infographic-template-updater -g -y
基于 AntV Infographic DSL 将文本内容转换为结构化信息图，支持多模板、主题配置及图标规范，确保输出语言与输入一致。
创建信息图
生成可视化图表
数据可视化展示
npx skills add antvis/Infographic --skill infographic-creator -g -y
