infographic-syntax-creator

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.

跳到安装

仓库: antvis/Infographic
最近来源活动: 2026年4月20日 06:44
检测到的 SKILL.md 语言: 英语
星标: 6,380
分支: 509

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

直接命令不会经过审查 Prompt；运行前请先检查来源。

npx skills add https://github.com/antvis/Infographic --skill infographic-syntax-creator

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

检查来源文件

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

文件资源管理器

2 个文件

SKILL.md

来源说明 · 只读预览

返回搜索返回安装

infographic-creator

基于给定文字内容创建精美信息图。当用户请求创建信息图时使用。

2026-04-20

infographic-item-creator

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.

2026-02-25

infographic-structure-creator

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.

2026-02-25

查看这个仓库的全部 Skills

Infographic Syntax Creator

Overview

Generate AntV Infographic syntax output from user content, following the rules in references/prompt.md.

Workflow

Read references/prompt.md for 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.md as 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 icon for semantic data items by default. If a list item, step, node, compare branch, or compare child has a clear concept, include an icon unless the user explicitly wants text-only output or the template is chart-only.
If the chosen template name or item style implies icons, treat icon as expected on every primary datum rather than optional.
When icon is 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's children.
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.md is representative rather than exhaustive; prefer structurally correct registered templates over forcing a bad match.