infographic-syntax-creator

Convert structured user content into AntV Infographic DSL templates.

1|2|Updated Feb 28, 2026

Search Tags:#template #syntax #dsl #infographic #data-visualization #antv

Ready to run

npx skills add https://github.com/zhangdszq/vk-skills --skill infographic-syntax-creator-zhangdszq

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: infographic-syntax-creator
Source: https://github.com/zhangdszq/vk-skills/tree/main/infographic-syntax-creator
Command: npx skills add https://github.com/zhangdszq/vk-skills --skill infographic-syntax-creator-zhangdszq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill converts user-provided content into AntV Infographic DSL templates, enabling rapid creation of consistent, ready-to-render infographics.

Core Features & Use Cases

Automatic template selection based on content structure (list, hierarchy, or chart).
Plain-text Infographic DSL generation starting with infographic <template-name>.
Validation of syntax rules and constraints from references/prompt.md to ensure compliant outputs.

Quick Start

Turn a given content into the corresponding Infographic DSL using an appropriate template.

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 structured content into AntV infographic DSL syntax?▼

The infographic DSL syntax uses two-space indentation for key/value pairs within a single plain code block. It enforces strict syntax rules and constraints to ensure compliant, ready-to-render AntV data visualization outputs.

How do I generate infographic templates for a data visualization dashboard?▼

You can generate infographic templates for dashboards by supplying your structured content. The system automatically selects an appropriate template based on whether your data structure is a list, hierarchy, or chart.

Does the AntV infographic DSL support chart templates and hierarchical data structures?▼

Yes, the AntV infographic DSL supports chart and hierarchical data structures. It automatically selects the correct template based on your input content's structure to output ready-to-render syntax.

What are the syntax rules for formatting an AntV infographic DSL code block?▼

The syntax rules for an AntV infographic DSL code block require a single plain text output starting with infographic <template-name> and using two-space indentation for all key/value pairs.

Can I use this to create infographic syntax for data visualization design briefs without manual coding?▼

Yes, you can create infographic syntax for design briefs without manual coding. The system validates syntax rules and constraints automatically, turning input content directly into ready-to-render DSL templates.