[įŽäŊä¸æ](./README.zh-CN.md) | English
## Streaming Rendering
[](https://infographic.antv.vision/learn/infographic-syntax)
With a highly fault-tolerant infographic syntax you can stream AI output in real time and progressively render the infographic.
```ts
let buffer = '';
for (const chunk of chunks) {
buffer += chunk;
infographic.render(buffer);
}
```
## đ§ Skills Integration
AntV Infographic provides skills to integrate with AI agents:
- **infographic-creator**: Create an HTML file that renders an infographic
- **infographic-syntax-creator**: Generate infographic syntax from descriptions
- **infographic-structure-creator**: Generate custom structure designs
- **infographic-item-creator**: Generate custom item designs
- **infographic-template-updater**: (For developers) update the template library
### Claude Code
> Claude marketplace is now available. You can install from marketplace, or keep using manual install.
```bash
/plugin marketplace add https://github.com/antvis/Infographic.git
/plugin install antv-infographic-skills@antv-infographic
```
Manual install:
```bash
set -e
VERSION=0.2.4 # Replace with the latest tag, e.g. 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
> Enter codex
```codex
# Replace