用途：将数字、流程与对比转化为可分享的视觉图形，适合制作数据信息图。
主要路径：当图形需要绘制真实数据、或短文本标签超过约 8 个时，使用 HTML/CSS/SVG，因为图像生成产生的图表几何与数字仅为示意，柱高不会匹配数据、数字也易出错。图像生成适合低文字量的插画（图标、场景、少量大数字），或先生成插画再用代码在其周围排布数据。
图像生成方式：管道/CLI 为 image-generation；比例可选 2:3 或 9:16（竖版）、1:4（长滚动）、4:5 或 1:1（信息流）、16:9（幻灯片），使用 --size 2K 或 4K；所有数字与标签需逐字核对，控制在约 8 个短标签，长图可分段生成后在代码中堆叠；必须读取输出 PNG 并对照源数据检查每个数字、标签与单位，不一致即为缺陷。
信息图类型：流程、对比、统计、时间线、清单/排名、数据图表、图标网格。
颜色系统：按顺序、分类、发散三类调色板系统性分配，最多 6 种颜色；图表标记与背景及相邻标记需 3:1 对比（WCAG 1.4.11），文字需 4.5:1（大号或加粗可 3:1），不能仅靠颜色编码。
实现方式：提供流程、对比、统计数字、时间线的 CSS 结构，以及柱状、环形、折线图的 SVG 实现；布局模板包括长图垂直版与仪表盘式网格。
限制：需先读取 .agents/design-context.md 获取品牌色、字体与风格，缺失时使用默认回退并告知用户；其他细节暂未提供。