O que Remotion 动画逻辑图 Skill — ASCII 草图变 GIF faz?
Remotion 动画逻辑图 Skill — 将 ASCII 草图转换为动画 GIF。
工作原理
此 Skill 使用 Remotion(一个基于 React 的视频生成库)及 Remotion Player 组件,接收 ASCII 草图输入,并将其解析为逻辑图的布局结构。随后,它会逐帧生成图像,并最终渲染为一个动画 GIF 文件。
使用方法
- 准备一个 ASCII 草图,例如:
+-------+ +-------+
| Start | --> | End |
+-------+ +-------+
-
调用本 Skill(具体 API 或命令由宿主环境决定)。
-
输出:一个表示该逻辑图的动画 GIF。
支持的平台
- Claude Code
- Cursor
- Codex
环境要求
- Node.js >= 18
- npm/yarn/pnpm
- 已安装 Remotion 包
文件结构
src/– Remotion 组件和逻辑public/– 静态资源(如有)remotion.config.ts– Remotion 配置
注意事项
- 草图必须使用 ASCII 字符绘制,以确保正确解析。
- GIF 输出大小取决于草图复杂度。
由 Agentchengfeng 提供