简体中文 | [English](/README.md)
## 流式渲染
[](https://infographic.antv.vision/learn/infographic-syntax)
使用具有高容错性的信息图语法能够实时接收 AI 流式输出并逐步渲染信息图。
```ts
let buffer = '';
for (const chunk of chunks) {
buffer += chunk;
infographic.render(buffer);
}
```
## 🔧 Skills 集成
AntV Infographic 提供了多项能力，便于与 AI 大模型集成：
- **infographic-creator**：创建一个渲染信息图的 HTML 文件
- **infographic-syntax-creator**：根据描述生成信息图语法
- **infographic-structure-creator**：生成自定义的结构设计
- **infographic-item-creator**：生成自定义的数据项设计
- **infographic-template-updater**：（开发者使用）用于更新信息图模板库
### Claude Code
> 已提供 Claude marketplace，可通过 marketplace 安装，也可继续手动集成。
```bash
/plugin marketplace add https://github.com/antvis/Infographic.git
/plugin install antv-infographic-skills@antv-infographic
```
手动集成：
```bash
set -e
VERSION=0.2.4 # 替换为最新版本号，例如 0.2.14
BASE_URL=https://github.com/antvis/Infographic/releases/download
mkdir -p .claude/skills
curl -L --fail -o skills.zip "$BASE_URL/$VERSION/skills.zip"
unzip -q -o skills.zip -d .claude/skills
rm -f skills.zip
```
### Codex
> 进入 codex
```codex
# 将