Communitygithub.com

jdrhyne/agent-skills

Remotion 视频创建的 React 最佳实践——包括合成、序列、动画、时间控制和渲染。在构建、审查或调试 Remotion 视频时使用。

agent-skills 是什么?

此技能集提供了在 Remotion(一个用于 React 程序化生成视频的框架)中创建视频的全面最佳实践。它涵盖了一整套专业知识,从定义合成和使用序列,到实施复杂动画、过渡效果和时间控制函数。该技能包含了处理 3D 内容(通过 Three.js 和 React Three Fiber)、Lottie 动画、TailwindCSS 样式、图表和数据可视化,以及字幕(包括转录和 SRT 导入)的规则。它还详细说明了资产处理(图像、视频、音频、GIF、字体)、文本测量、DOM 节点测量、帧提取以及音频/视频时长和尺寸的获取。每条规则都作为独立的参考文件提供,附有解释和代码示例,使该技能对于任何在 Remotion 项目上进行构建、审查或调试的开发者来说都是必不可少的。它支持所有主要的 AI 编码助手,如 Claude Code、Cursor 和 Codex。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jdrhyne/agent-skills/tree/HEAD/skills/remotion

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

何时使用

每当处理 Remotion 代码时,请使用此技能以获取特定领域的知识。

如何使用

阅读各个规则文件以获得详细解释和代码示例:

相关技能