infographic-syntax-creator

Convert user content into AntV Infographic DSL syntax with templates and theming.

5.7k|442|Updated Sep 11, 2025
One-click install
npx skills add https://github.com/antvis/Infographic --skill infographic-syntax-creator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: infographic-syntax-creator
Source: https://github.com/antvis/Infographic/tree/main/.skills/infographic-syntax-creator
Command: npx skills add https://github.com/antvis/Infographic --skill infographic-syntax-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill converts user content into AntV Infographic DSL syntax, enabling AI agents to generate ready-to-render infographic definitions without manual formatting.

Core Features & Use Cases

  • Generate Infographic syntax blocks that start with the exact template name, e.g. infographic <template-name>.
  • Map user-provided content to the required data fields and structure per the chosen template.
  • Apply theme options and enforce formatting constraints described in references/prompt.md for consistent outputs.
  • Use cases include turning product briefs, reports, or design ideas into shareable infographic DSL definitions for rapid rendering.

Quick Start

Describe your infographic goal in plain language and the skill will return a ready-to-render Infographic syntax block that starts with infographic <template-name>.

Frequently Asked Questions about infographic-syntax-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert plain text content into infographic syntax for AI rendering?

To convert plain text into infographic syntax, describe your infographic goal in natural language and the skill maps your content to the required data fields, returning a ready-to-render Infographic DSL block starting with `infographic <template-name>`.

What is AntV Infographic DSL syntax and when do I need it?

AntV Infographic DSL syntax is a structured definition format used for AI-driven infographic rendering, needed when turning product briefs, dashboards, or reports into shareable visual data structures without manual formatting.

How to generate an infographic syntax block from a product brief?

Generate an infographic syntax block by providing your product brief to the skill, which selects an appropriate template, structures your data fields, applies theme options, and outputs a two-space indented DSL definition.

Does the infographic syntax creator enforce specific formatting constraints?

Yes, the infographic syntax creator enforces strict formatting constraints, requiring outputs to start with `infographic <template-name>` and use two-space indentation to ensure consistent rendering results.

Can I apply custom theme options when generating infographic DSL definitions?

You can apply theme options when generating infographic DSL definitions by specifying your visual preferences in the plain language input, and the skill integrates them into the final structured syntax block.

What are the limitations of using plain output for infographic data structuring?

The limitation of using plain output for infographic data structuring is that the skill enforces strict DSL format constraints, meaning it cannot generate free-form text and is specifically designed for AntV template-based rendering.