Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
npxskills add davila7/claude-code-templates--skill remotionLoading…
Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling
npxskills add davila7/claude-code-templates--skill remotionLoading…
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 calculationsCreate or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).