skills.rest
plc1220
plc1220COMMUNITY
Explore all skills by this author →
GitHub

infographic

Convert user content into AntV Infographic DSL and a renderable HTML document.

10|3|Updated Oct 26, 2025
Search Tags:#template#dsl#infographic#svg-export#data-visualization#html-generation#antv
One-click install
npx skills add https://github.com/plc1220/HelpUDoc --skill infographic-plc1220
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic
Source: https://github.com/plc1220/HelpUDoc/tree/main/skills/infographic
Command: npx skills add https://github.com/plc1220/HelpUDoc --skill infographic-plc1220

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Convert user-provided content into AntV Infographic DSL and generate a complete HTML file that renders the infographic and supports SVG export.

Core Features & Use Cases

  • Generate AntV Infographic DSL from user content.
  • Produce a full HTML file that renders the infographic and includes an SVG export button.
  • Write the HTML file to the workspace using write_file.
  • Supports multiple templates to fit different information structures.

Quick Start

Provide your content and select a template to generate the infographic DSL and HTML.

Frequently Asked Questions about infographic

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

FAQPage Schema
How do I convert content into an interactive infographic for data visualization?▼

To convert content into an interactive infographic, provide your text or data and select a template. The tool generates an AntV Infographic DSL and a renderable HTML document with an SVG export button.

Can I export my data visualization as an SVG file from an HTML document?▼

Yes, you can export your data visualization as an SVG file. The generated HTML document includes a built-in SVG export button, allowing you to save the rendered infographic directly from your browser.

How do I generate AntV Infographic DSL from raw text content?▼

You generate AntV Infographic DSL by providing your raw content to the system. It applies infographic generation rules to structure your data, automatically selecting a template that best fits your information.

What is the best way to structure data storytelling content for infographic generation?▼

The best way to structure data storytelling content for infographic generation is to provide clear, organized text or data. The system uses multiple templates to determine the infographic structure, fitting different information structures automatically.

Does this infographic generator require any external dependencies or libraries?▼

No, this infographic generator does not require any external dependencies or component libraries. It operates standalone to convert your content into AntV Infographic DSL and writes a complete HTML file directly to your workspace.

Why does my generated infographic HTML file need to be written to the workspace?▼

Your generated infographic HTML file is written to the workspace using the write_file operation. This ensures the fully renderable HTML document and its associated DSL are saved locally, returning the file path for direct access.

Related Skills

Explore More Design & Creative Skills→
antvisantvis
5.7k

infographic-creator

Generate infographics from plain text using AntV Infographic DSL.

Official
Basic
mdnaimul22mdnaimul22
2

infographic-creator

Converts user text into AntV Infographic HTML with SVG export.

Community
Intermediate
patriotnewsactivismpatriotnewsactivism
1

infographic-builder

Convert raw data and text into infographics using AntV Infographic DSL and React.

Community
Intermediate
AugustEmnaAugustEmna

infographic-builder

Convert structured data into AntV template-based infographics in HTML.

Community
Advanced