用途:根据描述内容生成信息图,包括流程图、时间线、步骤图、路线图、功能列表、组织树、VS 对比、前后对比、SWOT 和象限矩阵等。生成基于 @antv/infographic,可套用品牌主题与背景。
主要能力:内置 114 个模板,按类别分为 Sequence(43,时间线、流程)、List(23,功能、网格、金字塔)、Hierarchy(25,组织图、树结构)、Compare(17,VS、前后、SWOT)、Quadrant(3,2x2 矩阵)、Relation(2,网络连接)、Chart(1,柱状图)。模板资产分文本型(100+)、图标型(8,名称含 icon,数据用 icon:name)和图解型(9,名称含 -illus,数据含 illus 字段引用 SVG/PNG/JPG 图片)。输出支持 PNG 与 SVG,背景可选 spotlight-dots、spotlight-grid、diagonal-crosshatch、tech-matrix、spotlight、diagonal-fade、top-down、subtle-dots、tech-grid、crosshatch、solid 等预设。
使用方式:先运行 /brand-init 创建项目结构,/brand-extract 生成 brand-philosophy.md,/template-infographic 创建模板(选择类别、设计、调色板、背景、样式);之后用 /infographic 或 /infographic-quick 重复生成。命令行调用:node generate.js --config config.json --data '{...}' --output output.png,可用 --background "spotlight-dots" 设置背景、--format svg 输出 SVG。
限制:未找到 brand-philosophy.md 或其中没有 ## Color Palette 段时会停止生成,若用户坚持则使用中性色(#1a1a1a、#666、#f5f5f5、系统字体),不回退到任何可识别的品牌色。生成前必须通过无障碍检查:文本与背景对比度需满足 WCAG 2.1 AA(正文 4.5:1,大标题 3:1),调色板颜色只能用于形状和填充,不能用于文字;深色背景用白或近白色文字,浅色背景用近黑色文字;标签 1-2 词、描述 2-4 词,项目间距至少 20px,画布边缘留 5% 以上内边距。图解型模板需要自备图片,建议先用纯文本模板。该技能不用于图表/图形制作和演示文稿。
适用场景:品牌信息图、流程说明、数据分析可视化、时间线、功能对比等。价格、平台兼容性等资料未提供。