infographic-syntax-creator

Convert structured user content into AntV Infographic DSL templates.

1|2|Updated Feb 28, 2026
One-click install
npx skills add https://github.com/zhangdszq/vk-skills --skill infographic-syntax-creator-zhangdszq
Or copy as Structured Prompt for Agent
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.