一组可安装的智能体技能,教 AI 编程助手制作动态图形、动画与视频。
remotion-dev/skills
一组 Agent Skills,帮助 Claude Code、Codex、Cursor 等 AI 编程助手按最佳实践开发 Remotion 视频项目。
- Star
- 5,359
- Fork
- 592
- 未关闭 Issue
- 21
- 最近提交
- 3天前
这是什么?
该仓库为 Remotion 提供 Agent Skills。Remotion 是一个用 React 以代码方式生成视频的框架。每个 skill 都包含一组指导内容,AI 编程助手在 Remotion 项目中工作时可以加载使用,涵盖 composition、动画、排版、字幕、渲染、地图以及基于 Mediabunny 的浏览器端音视频处理。
可通过 npx skills add remotion-dev/skills 安装,使用 bun create video 创建新项目时也会提供安装选项。各个 skill 分别负责创建 composition、启动 Studio 预览、渲染视频或静态图,以及查询最新的 Remotion API 文档。当不确定使用哪个 skill 时,可以使用综合性的 remotion-best-practices。
这些 skill 适用于 Claude Code、Codex、Kimi Code、Cursor 等智能体。它们让 AI 按照 Remotion 的约定编写代码,而不是凭猜测调用接口,适合借助 AI 生成或修改视频代码的开发者。
核心功能
- 01覆盖 composition、动画、排版、媒体、音频和时间轴等主题
- 02包含创建新 Remotion 项目或 composition 的 skill
- 03提供 Mapbox、MapLibre、CesiumJS 地图动画的指导
- 04提供文档检索 skill,可获取最新 Remotion 文档
- 05包含升级 Remotion 及相关包的 skill
适用场景
- 让 AI 编程助手生成 Remotion 视频代码,减少 API 使用错误
- 在 Remotion 项目中制作动画标题、字幕或宣传视频
- 用 Remotion 制作动态地图路线或地理解说视频
- 通过智能体工作流完成 Remotion 视频的预览与渲染
标签
常见问题
- skills 是什么?
- 一组 Agent Skills,帮助 Claude Code、Codex、Cursor 等 AI 编程助手按最佳实践开发 Remotion 视频项目。 该仓库为 Remotion 提供 Agent Skills。Remotion 是一个用 React 以代码方式生成视频的框架。每个 skill 都包含一组指导内容,AI 编程助手在 Remotion 项目中工作时可以加载使用,涵盖 composition、动画、排版、字幕、渲染、地图以及基于 Mediabunny 的浏览器端音视频处理。
- skills 可以免费使用吗?用的什么许可证?
- skills 没有声明许可证。代码虽然公开,但没有许可证就没有明确的使用授权,正式使用前建议先联系作者。
- skills 还在维护吗?
- 活跃维护中。skills 最近一次提交是在 2026年10月16日。
- skills 适合用来做什么?
- 让 AI 编程助手生成 Remotion 视频代码,减少 API 使用错误 在 Remotion 项目中制作动画标题、字幕或宣传视频 用 Remotion 制作动态地图路线或地理解说视频 通过智能体工作流完成 Remotion 视频的预览与渲染
- 在哪里获取 skills?
- 源代码和安装说明在 GitHub 上:https://github.com/remotion-dev/skills
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
一组可安装的技能包,为 AI 编程代理提供动效设计、After Effects、Remotion 视频、Logo 动画和动态背景的指导。
GSAP 官方 AI 智能体技能包,教编码助手正确使用 GSAP 动画库的核心 API、时间线、ScrollTrigger 与插件。
面向 Claude Code 与 Codex 的智能体技能,用 Remotion 代码把产品页面制作成电影感宣传视频。
HumanLayer 提供的一组 Claude Code 技能,覆盖研究设计、PR 可视化和智能体编码工作流。
一个 MIT 开源的 Claude Agent Skill,让 Claude 用 Remotion 通过代码创作和编辑动态图形视频。