antvis/infographic-syntax-creator
skills/infographic-syntax-creator/SKILL.md
Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other user content into the Infographic DSL with template selection, data structuring, and theme hints. Do not use for HTML rendering or TS/TSX component implementation.
$ install --global
skillsauthnpx skillsauth add antvis/infographic infographic-syntax-creatorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 21, 2026, 11:58 AM51.0s2 files scanned
SKILL.md
- name:
- infographic-syntax-creator
- description:
- Generate AntV Infographic syntax only. Use when asked to turn notes, outlines, reports, or other user content into the Infographic DSL with template selection, data structuring, and theme hints. Do not use for HTML rendering or TS/TSX component implementation.
Infographic Syntax Creator
Overview
Generate AntV Infographic syntax output from user content, following the rules in references/prompt.md.
Workflow
- Read
references/prompt.mdfor syntax rules, templates, and output constraints. - If the user explicitly names a valid template or template family, honor it first; otherwise choose the best matching template for the structure (sequence/list/compare/hierarchy/chart).
- Extract the user's key structure: title, desc, items, hierarchy, metrics; infer missing pieces if needed.
- Compose the syntax using
references/prompt.mdas the formatting baseline. - Preserve hard constraints in every output:
- Output is a single fenced code block containing only syntax; no extra text.
- First line is
infographic <template-name>. - Use two-space indentation; key/value pairs are
key value; arrays use-. - Keep all user-facing text in the same language as the user's input unless the user explicitly asks for translation or bilingual output.
- Prefer generating
iconfor semantic data items by default. If a list item, step, node, compare branch, or compare child has a clear concept, include aniconunless the user explicitly wants text-only output or the template is chart-only. - If the chosen template name or item style implies icons, treat
iconas expected on every primary datum rather than optional. - When
iconis written as a keyword phrase, separate words with spaces rather than hyphens. Exact icon IDs may keep their native punctuation. compare-binary-*/compare-hierarchy-left-right-*must have exactly two root nodes, and the actual comparison points belong in each root node'schildren.compare-swot/compare-quadrant-*follow their own root-node counts and should not be forced into a binary structure.
Notes
- This skill returns syntax only. If the user wants a rendered HTML file or a complete deliverable, prefer
infographic-creator. - The template list in
references/prompt.mdis representative rather than exhaustive; prefer structurally correct registered templates over forcing a bad match.
Related Skills
antvis/infographic-creator
tools
VerifiedTrustedCommunity
基于给定文字内容创建精美信息图。当用户请求创建信息图时使用。
4,915SKILL.mdUpdated Apr 4, 2026
antvis/infographic-template-updater
data-ai
VerifiedTrustedCommunity
Update template catalogs and UI prompts after adding new infographic templates (src/templates/*.ts), including SKILL.md template list, site gallery template mappings, and the AIPlayground prompt list.
4,734SKILL.mdUpdated Apr 4, 2026
antvis/infographic-structure-creator
development
VerifiedTrustedCommunity
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts (list/compare/sequence/hierarchy/relation/geo/chart), including layout logic, component composition, and registration.
4,734SKILL.mdUpdated Apr 4, 2026
antvis/infographic-item-creator
development
VerifiedTrustedCommunity
Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items). Use when asked to design, implement, or modify data item visuals, layout logic, or registerItem composites.
4,734SKILL.mdUpdated Apr 4, 2026