用途:把用户描述的动画逻辑图(ASCII 草图或自然语言)转成 Remotion 代码并渲染为 GIF,适合文章配图、流程图、时间线、数据可视化等动态图需求。
主要能力:内置案例库模板,包括循环流程图、莫兰迪卡片网格、可爱流程图、对比流程图、技能流程图、终端流程图、人物卡片、时间线、代码展示、饼图,可直接渲染或改造。核心原则是优先复用现有模板,而非从零新建。
使用方式:先检测环境,若 skills/remotion/ 不存在则克隆仓库并安装依赖: git clone https://github.com/Ceeon/remotion-skill.git skills/remotion cd skills/remotion && npm install 若已有目录但缺 node_modules,执行 cd skills/remotion && npm install,再用 bash 脚本库/check-env.sh 自检。随后理解需求、匹配模板、生成或适配组件、在 src/index.tsx 注册 Composition,最后渲染: npx remotion render src/index.tsx <composition-id> "/目标路径/文件名.gif" --codec=gif --every-nth-frame=2 可用 grep 'id="' src/index.tsx 查看已有 composition。
设计规范:画布 800×600,fps 30,尾部留 60 帧静止缓冲,入场元素间隔 30-40 帧,弹性动画用 spring(),字体 PingFang SC。
限制:具体收费、平台支持范围、渲染性能上限等资料暂未提供;模板匹配度低时才从零新建。