用途：为课程课时和课堂内容生成可发布的静态信息图与短动态图形，输出为 1920x1080 的 PNG 或 3-8 秒循环 GIF，适用于任何接受图片和 GIF 的平台。
主要能力：分为两个层级——静态（PNG，用于词汇、概览、定义、清单、术语表）和动态（GIF，用于概念可视化、流程、对比）。所有版式使用 Editorial 双栏结构：左栏固定为标签、衬线标题、强调线、正文；右栏可选术语列表、引言+数据、编号列表、清单、终端块等静态变体，或示意流程、示意对比等动态变体。每帧一个要点，内容多时应拆分多张图。
配置：强调色默认 #0d8aff，作为唯一 10% 强调元素，可通过 --accent、ACCENT_COLOR 环境变量或项目设计配置调整；主题默认 dark，可选 light；分辨率默认 1920x1080。
使用方式：需一个 Remotion 项目作为宿主，设置 REMOTION_PROJECT 环境变量指向其路径（export REMOTION_PROJECT=/path/to/your/remotion-project），未安装依赖时在项目内运行 npm install。素材来源可为课时 markdown、模块目录或自由文本。流程为：分析内容确定核心要点与静态/动态；选择右栏变体；构建 props；必要时在 src/infographics/compositions/ 新建合成；再渲染。静态渲染命令：npx remotion still src/infographics/Root.tsx <CompositionId> --output=out/<name>.png --props='<json>'；动态渲染命令：npx remotion render src/infographics/Root.tsx <CompositionId> --output=out/<name>.gif --props='<json>' --image-format=png。渲染后需核对：内容占宽 80% 以上、高 70% 以上，字号不低于 24px，强调色仅用于一个有意义元素，无溢出或裁切，保持双栏版式；动态需循环平滑无跳切。
限制与要求：需宿主 Remotion 项目；使用前应阅读相关参考文件（design-tokens.md、layout-modes.md、content-routing.md、motion-specs.md），如已安装 remotion-best-practices 技能应先阅读，项目根目录若有 DESIGN-RULES.md 需遵循其约束。官网未提供价格、平台兼容细节、渲染性能或安装来源等信息。