Mindchart for Openclaw

Mindchart is a specialized AI skill that transforms complex data and text into exquisite, professional-grade infographics using AntV Infographic syntax.

newtoolai
v1.1.5
Mar 28, 2026
1
1.2k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install mindchart

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install mindchart using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Mindchart?

Mindchart is a powerful visualization engine designed for the Openclaw Skills ecosystem. It allows AI agents to convert user-uploaded files or raw text into perceptible visual language by leveraging the AntV Infographic DSL (Domain Specific Language). By combining visual design with structured data visualization, Mindchart helps audiences quickly comprehend and retain complex information through intuitive symbols and compressed data layouts.

The skill operates by interpreting specific template structures—ranging from SWOT analyses and quadrant charts to hierarchical trees and interaction sequences. It ensures high-quality output by strictly following a custom syntax that prioritizes structure, theme consistency, and streamlined data fields, ultimately producing web-ready SVG and PNG assets.

Mindchart Use Cases

  • Converting long-form research papers or articles into digestible summary infographics.
  • Visualizing business strategies using SWOT or Quadrant analysis templates.
  • Mapping out multi-role system interactions and process dependencies.
  • Generating statistical trend charts and numeric comparisons for reports.
  • Creating hierarchical mind maps and organizational tree structures from raw notes.

How Mindchart Works

  1. The skill analyzes user requirements or uploaded content to select the most appropriate visual template from the mindchart library.
  2. It generates a specialized infographic syntax file (.md) following strict DSL rules, ensuring proper indentation and data mapping.
  3. A local script (ifgc2svg) processes the syntax file to render a high-quality SVG vector graphic.
  4. The SVG is then converted into a rasterized PNG file using the svg2png utility for maximum compatibility.
  5. The final visual assets are delivered directly to the user or saved to the specified project directory.

Mindchart Setup

To enable Mindchart within Openclaw Skills, ensure your environment meets the Node.js or Bun requirements and install the necessary visualization dependencies:

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

# The skill uses internal scripts for processing
# Ensure mindchart/scripts/ directory is accessible

Mindchart Data Schema & Taxonomy

Mindchart organizes data using a custom DSL that prioritizes clarity and hierarchy. The following table describes the primary data blocks:

Component Description Key Fields
Template Defines the visual structure infographic <template-name>
Data The core content of the chart title, desc, lists, sequences, compares
Theme Styling and branding configuration palette, font-family, stylize (rough, pattern)
Output Generated file formats .md (syntax), .svg (vector), .png (image)

Mindchart Advanced Features

  • Multi-agent support for automated reporting pipelines within Openclaw Skills.
  • Support for advanced stylization effects including hand-drawn (rough) and pattern fills.
  • Intelligent swimlane mapping for complex multi-system interaction sequences.
  • Automatic font embedding using opentype.js for consistent cross-platform rendering.
  • Inline palette configuration for rapid brand alignment without external CSS.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*