mcpField
I
infographic-syntax-creator

infographic-syntax-creator

github.com/antvis设计与 UI7.0k152 次安装1 周前更新
代码仓库

关于 infographic-syntax-creator

此技能根据用户提供的内容生成 AntV Infographic 语法,并按内容结构选择模板,遵循项目的格式规则输出。

主要功能

  1. 01按内容结构选择模板
  2. 02提取标题、条目、层级和指标
  3. 03按规则格式化语法与数组
  4. 04为语义条目提供图标指引
  5. 05仅输出带代码围栏的语法

适用场景

  1. 01将流程转换为信息图语法
  2. 02组织对比或层级内容
  3. 03将指标整理为信息图语法

安装

复制下面的命令,在终端中运行。

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

安装后在 Claude Code 中输入/infographic-syntax-creator确认已加载。

附带文件references/prompt.md

详细介绍

信息图语法创建器

概述

根据用户提供的内容生成 AntV 信息图语法输出,并遵循 references/prompt.md 中的规则。

工作流

  1. 阅读 references/prompt.md,了解语法规则、模板和输出限制。
  2. 如果用户明确指定了有效模板或模板系列,优先遵循;否则,根据内容结构(序列/列表/对比/层级/图表)选择最匹配的模板。
  3. 提取用户内容的关键结构:标题、描述、条目、层级和指标;必要时推断缺失信息。
  4. 以 references/prompt.md 为格式基准,编写语法。
  5. 每次输出都要遵守以下硬性约束:
    • 输出必须是单个代码围栏块,且仅包含语法;不得添加其他文本。
    • 第一行是 infographic <template-name>。
    • 使用两个空格缩进;键值对格式为 key value;数组使用 -。
    • 除非用户明确要求翻译或双语输出,否则所有面向用户的文本都应与用户输入使用相同语言。
    • 默认优先为语义数据项生成 icon。如果列表项、步骤、节点、对比项或对比子项有明确概念,则应包含 icon,除非用户明确要求仅使用文本,或模板仅用于图表。
    • 如果所选模板名称或条目样式暗示需要图标,则应为每个主要数据项添加 icon,而非将其视为可选项。
    • 以关键词短语形式书写 icon 时,词语之间使用空格而非连字符。精确的图标 ID 可以保留其原生标点。
    • compare-binary-* / compare-hierarchy-left-right-* 必须恰好有两个根节点,实际的对比项应放在每个根节点的 children 中。
    • compare-swot / compare-quadrant-* 遵循各自的根节点数量要求,不应强行套用二元结构。

备注

  • 此技能仅返回语法。如果用户需要渲染后的 HTML 文件或完整交付物,请优先使用 infographic-creator。
  • references/prompt.md 中的模板列表仅供参考,并非详尽无遗;应优先选择结构正确的已注册模板,而非勉强套用不合适的模板。

评论

支持 Markdown