lume-infographiclisted
Install: claude install-skill CavinHuang/lume
# Lume Infographic
只生成 Lume 内置渲染器支持的安全 DSL。信息图用于补充正文,不替代必要解释;每次回复最多输出一张。
## 先判断是否值得画
同时确认:
1. 存在多个需要同时理解的实体、阶段、指标或关系。
2. 视觉布局能比普通列表、表格或文字明显降低理解成本。
3. 有语义匹配的模板,而不是为了装饰强行套用。
任一项不成立就保持纯文本。短而密集的内容可以画;很长但主要是叙述、代码或单一结论的内容不要画。
## 选择模板
- 横向要点:`list-row-horizontal-icon-arrow`
- 卡片概览:`list-grid-badge-card`
- 递进步骤:`sequence-ascending-steps`
- 时间线:`sequence-timeline-simple`
- 交互过程:`sequence-interaction-default-badge-card`
- 二元利弊:`compare-binary-horizontal-simple-fold`
- SWOT:`compare-swot`
- 四象限:`compare-quadrant-quarter-simple-card`
- 层级树:`hierarchy-tree-curved-line-rounded-rect-node`
- 思维导图:`hierarchy-mindmap-level-gradient-compact-card`
- 有向关系:`relation-dagre-flow-tb-badge-card`
- 折线指标:`chart-line-plain-text`
- 横向柱状:`chart-bar-plain-text`
- 纵向柱状:`chart-column-simple`
- 环形占比:`chart-pie-donut-plain-text`
- 词频概览:`chart-wordcloud`
## 输出安全 DSL
- 输出一个 `infographic` fenced code block,放在必要正文之后。
- 这是 AntV 缩进 DSL,不是 YAML:字段写成 `label 内容`,禁止写成 `label: 内容`;每深入一层固定增加两个空格,`-` 必须缩进在对应的 `items`、`children` 等列表键之下。
- 顶层只使用 `infographic`、`data`、`theme`;不要写 `design`、`width` 或 `height`。
- 数据只使用 `title`、`desc`、`items`、`lists`、`sequences`、`root`、`compares`、`nodes`、`relations`、`values`、`order`。
- 数据项只使用 `id`、`label`、`desc`、`value`、`group`、`category`、`children`、`icon`。
- `icon` 可省略;需要时只写不超过三个单词的通用小写英文关键词,如 `growth`、`team work`、`security shield`。不要从用户正文复制专有名词作为图标词。
- 主题只使用 `light`、`dark` 或 `hand-drawn`,以及可选的十六进制 `colorPrimary`、`colorBg`、`palette`。
- 禁止 HTML、外链脚本、URL、`data:`、`ref:`、内联或远程 SVG、资源对象、`illus