remotion by davila7/claude-code-templates
npx skills add https://github.com/davila7/claude-code-templates --skill remotion使用 Remotion 创建程序化视频的综合技能集。Remotion 是一个使用 React 以编程方式创建视频的框架。
每当您处理 Remotion 代码时,请使用此技能以获取以下领域的专业知识:
Remotion 允许您使用以下方式创建视频:
useCurrentFrame() 钩子驱动阅读各个规则文件以获取详细说明和代码示例:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
import { useCurrentFrame, useVideoConfig, interpolate } from "remotion";
export const MyComposition = () => {
const frame = useCurrentFrame();
const { fps } = useVideoConfig();
const opacity = interpolate(frame, [0, 2 * fps], [0, 1], {
extrapolateRight: 'clamp',
});
return (
<div style={{ opacity }}>
<h1>Hello Remotion!</h1>
</div>
);
};
useCurrentFrame() - 从当前帧驱动所有动画fps 进行帧计算每周安装量
593
代码仓库
GitHub 星标数
22.6K
首次出现
2026年1月22日
安全审计
安装于
opencode508
gemini-cli476
codex448
claude-code443
github-copilot411
cursor380
Comprehensive skill set for creating programmatic videos using Remotion, a framework for creating videos programmatically using React.
Use this skill whenever you are dealing with Remotion code to obtain domain-specific knowledge about:
Remotion allows you to create videos using:
useCurrentFrame() hookRead individual rule files for detailed explanations and code examples:
import { useCurrentFrame, useVideoConfig, interpolate } from "remotion";
export const MyComposition = () => {
const frame = useCurrentFrame();
const { fps } = useVideoConfig();
const opacity = interpolate(frame, [0, 2 * fps], [0, 1], {
extrapolateRight: 'clamp',
});
return (
<div style={{ opacity }}>
<h1>Hello Remotion!</h1>
</div>
);
};
useCurrentFrame() - Drive all animations from the current framefps for frame calculationsWeekly Installs
593
Repository
GitHub Stars
22.6K
First Seen
Jan 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykWarn
Installed on
opencode508
gemini-cli476
codex448
claude-code443
github-copilot411
cursor380
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
103,800 周安装