SKILL.md
只读
名称
infographic
描述
使用空格分隔的键值对语法（非YAML）创建基于模板的信息图。最适合KPI仪表盘、时间线、路线图、SWOT分析、漏斗图、对比图和组织架构图，快速实现视觉冲击。
信息图可视化工具
⚠️ 检查模板： 错误的模板名称将导致渲染失败。
使用场景与可用模板
✅ 使用 infographic 的场景：
- 功能列表/清单：
list-grid-badge-card,list-grid-candy-card-lite,list-grid-ribbon-card,list-column-done-list,list-column-vertical-icon-arrow,list-column-simple-vertical-arrow,list-row-horizontal-icon-arrow,list-row-simple-illus,list-sector-plain-text,list-zigzag-down-compact-card,list-zigzag-down-simple,list-zigzag-up-compact-card,list-zigzag-up-simple - 时间线/里程碑：
sequence-timeline-simple,sequence-timeline-rounded-rect-node,sequence-timeline-simple-illus - 分步流程：
sequence-snake-steps-simple,sequence-snake-steps-compact-card,sequence-snake-steps-underline-text,sequence-stairs-front-compact-card,sequence-stairs-front-pill-badge,sequence-ascending-steps,sequence-ascending-stairs-3d-underline-text,sequence-circular-simple,sequence-pyramid-simple,sequence-mountain-underline-text,sequence-cylinders-3d-simple,sequence-zigzag-steps-underline-text,sequence-zigzag-pucks-3d-simple,sequence-horizontal-zigzag-underline-text,sequence-horizontal-zigzag-simple-illus,sequence-color-snake-steps-horizontal-icon-line - 产品路线图：
sequence-roadmap-vertical-simple,sequence-roadmap-vertical-plain-text - 漏斗/转化：
sequence-filter-mesh-simple,sequence-funnel-simple - A vs B 对比：
compare-binary-horizontal-underline-text-vs,compare-binary-horizontal-simple-fold,compare-binary-horizontal-badge-card-arrow,compare-hierarchy-left-right-circle-node-pill-badge - SWOT 分析：
compare-swot - 优先级矩阵 2×2：
quadrant-quarter-simple-card,quadrant-quarter-circular,quadrant-simple-illus - 组织树/层级：
hierarchy-tree-tech-style-capsule-item,hierarchy-tree-curved-line-rounded-rect-node,hierarchy-tree-tech-style-badge-card,hierarchy-structure - 饼图/环形图：
chart-pie-plain-text,chart-pie-compact-card,chart-pie-donut-plain-text,chart-pie-donut-pill-badge - 柱状图/条形图：
chart-bar-plain-text,chart-column-simple,chart-line-plain-text - 词云：
chart-wordcloud - 关系/圆形：
relation-circle-icon-badge,relation-circle-circular-progress
语法结构
infographic <template-name>
data
title Title
desc Description
items
- label Label
value 12.5
desc Explanation
icon mdi/rocket-launch
theme
palette #3b82f6 #8b5cf6 #f97316
规则： 第一行 infographic <template-name>（必须匹配模板列表）| 2空格缩进 | key value 对（空格分隔，非 key: value）| 数组前加 - | 对比模板需要恰好2个根项，每个根项包含 children | SWOT 需要恰好4个项（英文标签：Strengths/Weaknesses/Opportunities/Threats）| 象限需要恰好4个项，每个包含 children | 列表模板使用 desc 而非 value | hierarchy-structure 最多3层 | 使用 desc 而非 description | 使用 items 而非 steps
⚠️ 常见错误（会导致渲染失败）
❌ 错误——不要使用 YAML 冒号语法：
template: list-grid-badge-card ← 错误！不要用 "template:" 键
title: My Title ← 错误！不允许使用冒号
items: ← 错误！items 后不要加冒号
- label: Item One ← 错误！label 后不要加冒号
description: Some text ← 错误！字段是 "desc" 而非 "description"
value: "100" ← 错误！不要冒号，且 value 必须为数字
steps: ← 错误！字段是 "items" 而非 "steps"
left: ← 错误！对比使用2个根项 + children
label: Option A ← 错误！对比结构是扁平 items
quadrants: ← 错误！象限使用4个项 + children
✅ 正确——空格分隔键值对，2空格缩进：
infographic list-grid-badge-card
data
title My Title
items
- label Item One
desc Some text
value 100
数据字段
| 字段 | 描述 | 示例 |
|---|---|---|
label |
项目标题/名称（必填） | label Q1 Sales |
desc |
描述文本 | desc $1.28B | +20% |
value |
数值（仅图表/漏斗） | value 128 |
time |
时间标签（仅时间线模板） | time Q1 2024 |
icon |
图标：mdi/icon-name（Iconify） |
icon mdi/star |
illus |
插图名称（unDraw） | illus coding |
children |
嵌套项（层级/对比） | 见示例 |
done |
完成状态（清单） | done true |
核心示例
功能网格 (list-grid-badge-card)
infographic list-grid-badge-card
data
title 关键指标
desc 年度绩效概览
items
- label 总收入
desc $1.28B | 同比增长23.5%
- label 新客户
desc 3280 | 同比增长45%
- label 满意度
desc 94.6% | 行业领先
- label 市场份额
desc 18.5% | 排名第2
时间线 (sequence-timeline-simple)
时间线项使用 time 作为时间标签，label 作为里程碑名称。
infographic sequence-timeline-simple
data
title 产品路线图
items
- label 研究
time 2024年Q1
desc 研究阶段
- label 设计
time 2024年Q2
desc 设计阶段
- label 开发
time 2024年Q3
desc 开发阶段
- label 发布
time 2024年Q4
desc 发布阶段
漏斗图 (sequence-filter-mesh-simple)
infographic sequence-filter-mesh-simple
data
title 销售漏斗
items
- label 线索
value 10000
desc 市场线索
- label 合格
value 2500
desc 转化率25%
- label 提案
value 800
desc 转化率32%
- label 成交
value 328
desc 转化率41%
清单 (list-column-done-list)
infographic list-column-done-list
data
title 发布清单
items
- label 代码审查完成
done true
- label 测试通过
done true
- label 文档更新
done false
- label 部署到生产
done false
A vs B 对比 (compare-binary-horizontal-underline-text-vs)
infographic compare-binary-horizontal-underline-text-vs
data
title 云 vs 本地部署
items
- label 云
children
- label 按需扩展
- label 按需付费
- label 本地部署
children
- label 完全控制
- label 一次性成本
SWOT 分析 (compare-swot)
必须恰好有4个项，标签为英文：Strengths, Weaknesses, Opportunities, Threats
infographic compare-swot
data
title 战略分析
items
- label Strengths
children
- label 强大的研发
- label 完整的供应链
- label Weaknesses
children
- label 品牌知名度有限
- label 成本高
- label Opportunities
children
- label 数字化转型
- label 新兴市场
- label Threats
children
- label 激烈竞争
- label 市场变化
饼图/环形图 (chart-pie-donut-plain-text)
infographic chart-pie-donut-plain-text
data
title 各产品收入
items
- label 企业软件
value 42
- label 云服务
value 28
- label 硬件
value 18
- label 服务
value 12
组织架构树 (hierarchy-tree-tech-style-capsule-item)
infographic hierarchy-tree-tech-style-capsule-item
data
title 组织架构
items
- label CEO
children
- label 工程副总裁
children
- label 前端团队
- label 后端团队
- label 产品副总裁
children
- label 设计
- label 研究
优先级矩阵 (quadrant-quarter-simple-card)
象限模板需要恰好4个根项，每个根项包含 children。4个项代表四个象限。
infographic quadrant-quarter-simple-card
data
title 优先级矩阵
items
- label 优先做
desc 紧急且重要
children
- label 关键错误
- label 客户截止日期
- label 安排做
desc 不紧急但重要
children
- label 规划
- label 培训
- label 委派做
desc 紧急但不重要
children
- label 会议
- label 部分邮件
- label 消除
desc 不紧急且不重要
children
- label 浪费时间的事
- label 琐碎工作
输出格式
```infographic
infographic <template-name>
data
title 你的标题
items
- label 项目1
desc 描述文字
```
主题（可选）
添加 theme 块作为 data 的顶级同级（不要嵌套在 data 内）：
# 预设主题（单行）
theme dark
# 自定义调色板
infographic list-grid-badge-card
theme
palette #3b82f6 #8b5cf6 #f97316
data
title 我的标题
items
- label 项目1
可用预设：dark, hand-drawn
相关文件
有关详细语法、模板和示例，请参考以下资料：
- syntax.md — 完整语法规范与规则
- templates.md — 所有可用模板及描述
- examples.md — 每个模板类别的完整示例
