用途:为文章、博客中的概念、流程、数据或想法制作动画交互可视化,让复杂内容更易理解。
主要能力:提供发现式提问(可用 AskUserQuestion 了解受众、语境与核心洞见);按概念类型推荐视觉格式,如形变动画、可缩放树图、分步动画、并排对比、力导向图、单位图等;给出排版、配色、动效语义(淡入淡出表示存在、缩放表示重要、位移表示关系、形变表示身份)与时长规范。
使用方式:视觉产物为单个自包含 HTML 文件,内联全部 CSS/JS,可直接在浏览器打开或用 iframe 嵌入。技术选型按复杂度区分:纯 CSS 处理简单过渡,Vanilla JS + CSS 处理序列动画与滚动触发,GSAP 处理时间线、物理与 SVG 形变,D3.js 处理力布局、地图与数据绑定。
限制与要求:每个视觉需加 role="img" 与 aria-label,提供完整文本替代,尊重 prefers-reduced-motion,支持键盘交互与可见焦点;交付前需满足静态状态可传达核心思想、动效揭示洞见、移动端适配等清单。
分类判断依据为视觉设计与创作用途,归入设计与创作。