---
name: Infographic Syntax Creator
slug: infographic-syntax-creator
category: Data
description: Infographic Syntax Creator generates AntV Infographic syntax outputs from user content. It selects templates, structures data, and applies themes to produce a single `infographic <template>` code block for sequence, list, compare, hierarchy, or chart layouts.
github: "https://github.com/ThinkInAIXYZ/deepchat/tree/dev/resources/skills/infographic-syntax-creator"
language: TypeScript
stars: 6222
forks: 716
install: "npx degit https://github.com/ThinkInAIXYZ/deepchat/tree/dev/resources/skills/infographic-syntax-creator ~/.claude/skills/infographic-syntax-creator"
installs_to: ~/.claude/skills/infographic-syntax-creator
source_path: resources/skills/infographic-syntax-creator/SKILL.md
collection_size: 24
category_size: 668
collection_url: "https://dirskills.com/collections/ThinkInAIXYZ/deepchat"
added: 2026-08-15T06:52:11.701Z
last_synced: 2026-08-15T06:52:11.701Z
canonical_url: "https://dirskills.com/skills/infographic-syntax-creator"
---

# Infographic Syntax Creator

Infographic Syntax Creator generates AntV Infographic syntax outputs from user content. It selects templates, structures data, and applies themes to produce a single `infographic <template>` code block for sequence, list, compare, hierarchy, or chart layouts.

**Install:**

```bash
npx degit https://github.com/ThinkInAIXYZ/deepchat/tree/dev/resources/skills/infographic-syntax-creator ~/.claude/skills/infographic-syntax-creator
```

## README

# Infographic Syntax Creator

## Overview

Generate AntV Infographic syntax output from user content, following the rules in `references/prompt.md`.

## Workflow

1. Read `references/prompt.md` for syntax rules, templates, and output constraints.
2. Extract the user's key structure: title, desc, items, hierarchy, metrics; infer missing pieces if needed.
3. Select a template that matches the structure (sequence/list/compare/hierarchy/chart).
4. Compose the syntax using `references/prompt.md` as the formatting baseline.
5. Preserve hard constraints in every output:
   - Output is a single `infographic` markdown code block; no extra text.
   - First line is `infographic <template-name>`.

- Use two-space indentation; key/value pairs are `key value`; arrays use `-`.
- Compare templates (`compare-*`) must have exactly two root nodes with children.