infographic-syntax-creator

Convert user content into AntV Infographic syntax with template mapping.

4|Updated Nov 25, 2025
One-click install
npx skills add https://github.com/crazywoola/dify-x --skill infographic-syntax-creator-crazywoola
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: infographic-syntax-creator
Source: https://github.com/crazywoola/dify-x/tree/main/.claude/skills/infographic-syntax-creator
Command: npx skills add https://github.com/crazywoola/dify-x --skill infographic-syntax-creator-crazywoola

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Generate AntV Infographic syntax outputs from user content, mapping inputs to the correct template and applying the syntax rules defined in references/prompt.md.

Core Features & Use Cases

  • Automated template selection and data structuring to produce Infographic DSL outputs.
  • Enforces syntax constraints: a single plain-text code block, correct template naming, two-space indentation, and theme handling.
  • Use Case: quickly turn a textual brief into a ready-to-run infographic syntax for visualization or documentation.

Quick Start

Provide an infographic syntax for the given content using the appropriate template and output it as a single plain text code block.

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 a textual brief into AntV infographic syntax?

To convert a textual brief into AntV infographic syntax, provide your content to the tool. It automatically selects the appropriate template, structures the data, and enforces syntax rules to produce ready-to-run DSL outputs.

How does AntV infographic DSL template selection work?

AntV infographic DSL template selection works by automatically mapping your input content to the correct template name, such as list, hierarchy, or chart. It enforces frontmatter validation and strict plain-text code block output.

What is the best way to generate data-visualization syntax for hierarchy charts?

The best way to generate data-visualization syntax for hierarchy charts is to input your structured content. The tool maps it to the correct hierarchy template, applying two-space indentation and theme handling to produce precise DSL code.

Do I need to manually format infographic DSL outputs for plain-text code blocks?

You do not need to manually format infographic DSL outputs for plain-text code blocks. The tool enforces a strict single plain-text code block output with correct template naming and two-space indentation automatically.

Can I use infographic syntax for list and chart templates in AntV?

You can use infographic syntax for list, hierarchy, and chart templates in AntV. The tool applies automated template selection and data structuring to generate valid definitions from your briefs.

Why does my generated infographic syntax fail frontmatter validation?

Generated infographic syntax may fail frontmatter validation if input content lacks required metadata. The tool enforces frontmatter validation and strict syntax rules, ensuring correct template-name mapping and two-space indentation for valid outputs.