MindChart

---

✨ Features

🎨 276+ Infographic Templates — Comprehensive coverage of list, sequence, comparison, hierarchy, relation, and chart types

🌐 Bilingual Support — Full English and Chinese language support with automatic text rendering

🤖 AI-Native Integration — Designed for OpenClaw, Claude Code, and Cursor agents

📊 Professional Output — High DPI PNG export with Chinese font support (Source Han Sans SC)

---

📸 Gallery

AI History Mindmap

Relation Diagram

List Horizontal Icons

List Vertical Cards

Chart Cards

Layout Three Column

Hierarchy Vertical

Hierarchy Vertical 2

SWOT Quadrant

AI Five Layer Cake Model

---

🚀 Quick Start

Installation

# Install dependencies
npm install @antv/infographic opentype.js sharp

Generate Infographics

# Step 1: Convert .ifgc to SVG
node skills/mindchart/scripts/ifgc2svg input.md output.svg

# Step 2: Convert SVG to PNG (300 DPI)
node skills/mindchart/scripts/svg2png output.svg output.png

---

📖 Usage

As an AI agent skill, simply describe what infographic you need:

Create a timeline infographic showing our company's key milestones from 2018 to 2024

The agent will automatically select the appropriate template and generate the infographic.

---

📁 Project Structure

mindchart/
└── skills/mindchart/
    ├── SKILL.md              # Agent skill definition
    ├── scripts/
    │   ├── ifgc2svg.js       # .ifgc → SVG converter
    │   └── svg2png.js        # SVG → PNG converter
    └── templates/            # 276 .ifgc template files

---

🎯 Template Types

Category	Templates	Description
list-*	45+	Row, column, grid layouts with icons
sequence-*	40+	Timeline, process, step progression
compare-*	55+	Binary, SWOT, quadrant analysis
hierarchy-*	50+	Tree, mindmap, structure diagrams
relation-*	40+	Node relationships, flow charts
chart-*	46+	Line, bar, column, wordcloud

---

🔧 Syntax Example

infographic list-row-horizontal-icon-arrow
data
  title 企业优势
  desc 展示核心竞争优势
  lists
    - label 技术研发
      value 90
      icon star
    - label 市场增长
      value 85
      icon rocket
theme
  palette #3b82f6 #06b6d4 #10b981

---

📄 License

MIT

---

Made with ❤️ for AI agents