用途：把用户描述的逻辑图或流程动画（文字描述、ASCII 草图或指定模板）转成 Remotion 代码并渲染为 GIF，触发词包括动画、逻辑图、GIF、Remotion。
主要能力与工作流：检测环境→理解需求→匹配案例库模板→适配或新建→注册 Composition→渲染 GIF→导出。核心原则是优先复用现有模板而非从零新建。案例库内置模板包括循环流程图、莫兰迪卡片网格、可爱流程图、对比流程图、技能流程图、终端流程图、人物卡片、时间线、代码展示、饼图。
必要用法：环境自检前如 skills/remotion/ 不存在，则执行 git clone https://github.com/Ceeon/remotion-skill.git skills/remotion 后 cd skills/remotion && npm install；缺 node_modules 则直接 npm install；就绪后 bash 脚本库/check-env.sh。注册组件需在 src/index.tsx 添加 Composition（id、durationInFrames、fps、width、height、component）。渲染命令示例：npx remotion render src/index.tsx <composition-id> "/目标路径/文件名.gif" --codec=gif --every-nth-frame=2；查看可用 composition 用 grep 'id="' src/index.tsx；已有模板如 cycle-flowchart、morandi-grid、cute-flowchart 可直接渲染。
设计规范速查：画布 800×600，fps 30，背景 #fff 或 #f5f0eb，入场间隔 30-40 帧/元素，尾部留 60 帧静止缓冲，弹性动画 spring({ damping: 8-12 })，字体 PingFang SC，节点圆角 50% 或 20px。
限制：输出为 GIF，具体平台兼容性、性能与体积上限暂未提供；从零新建仅当案例库无匹配时使用。