mcpField
I
infographic-syntax-creator

infographic-syntax-creator

github.com/thinkinaixyzDesign & UI6.4k35 installsUpdated 1d ago
Repository

About infographic-syntax-creator

A skill for turning user-provided content into AntV Infographic syntax. It uses reference rules to select a suitable template and produce a single formatted infographic block.

Key features

  1. 01AntV Infographic syntax generation
  2. 02Structure extraction from content
  3. 03Template selection by content shape
  4. 04Formatting constraint enforcement

Use cases

  1. 01Turn a list into infographic syntax
  2. 02Represent a hierarchy visually
  3. 03Format a comparison as an infographic
  4. 04Convert metrics into a chart template

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/thinkinaixyz/deepchat --skill infographic-syntax-creator

After installing, type/infographic-syntax-creatorin Claude Code to confirm it loaded.

Bundled filesreferences/prompt.md

Details

From the project 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.

Comments

Markdown supported