remotion-superpowers 是做什么的？
赋予 AI 智能体强大的 Remotion 视频制作能力，使其能够理解和生成复杂的视频项目。
概述
此技能专为希望利用 Remotion（基于 React 的革命性编程式视频制作框架）的 AI 智能体而设计。它提供了使智能体能够创建、编辑和渲染视频文件所需的上下文和指导。
核心功能
- Remotion 项目理解：智能体可以解析和理解 Remotion 项目的结构，包括组件组合、序列和渲染配置。
- 命令执行：能够在本地开发环境中运行 Remotion CLI 命令，如
npx remotion render或npx remotion preview。 - 代码生成：根据自然语言描述，生成符合 Remotion 最佳实践的 React 组件、hooks 和配置。
- 调试支持：帮助诊断渲染问题、性能瓶颈和异常行为。
平台支持
- Claude Code：完全支持，可在对话中直接生成和执行 Remotion 相关操作。
- Cursor：支持，特别适合代码编辑和文件修改。
- 其他 AI 工具：兼容提供自定义技能或插件系统的 AI 编码助手。
工作原理
- 上下文注入：当检测到用户意图与视频制作相关时，智能体加载此技能所提供的上下文。
- 知识检索：智能体利用技能中的文档指导，查找 Remotion 特定的 API 和模式。
- 操作执行：根据用户请求，智能体生成相应的 Remotion 代码或直接执行 CLI 命令。
- 反馈循环：智能体可以解释执行结果，提供优化建议，或迭代修改视频内容。
开始使用
要在您的项目中使用此技能，请确保您已安装了 Remotion 和相关的 Node.js 依赖。
npm init video
然后在您的 AI 智能体的设置中启用此技能。
示例
创建一个简单动画
用户："创建一个三秒的淡入动画"
智能体会生成一个使用 useCurrentFrame() 和 spring 函数的 React 组件。
渲染视频
用户："使用 H.264 编码渲染项目"
智能体将执行 npx remotion render src/index.ts out/video.mp4 --codec h264。
贡献
欢迎提交问题报告和功能请求。请访问我们的 GitHub 仓库了解更多信息。