npx agentspec-cli install 401cdad7-0966-4334-b75f-d45883a91930 --framework ClaudeCode→ .claude/skills/remotion-render/SKILL.md
## General rendering strategy Use Remotion's bundled browser for rendering, including compositions using `<HtmlInCanvas>`. It includes the required browser APIs and Remotion's browser fixes. Let Remotion download or update it as needed. Do not reuse a recording browser or set `--browser-executable`, `browserExecutable`, or `chromeMode` unless the user explicitly requests a different browser. Render a video using: ``` npx remotion render ``` Full list of options: https://www.remotion.dev/docs/cli/render.md Render a still using: ``` npx remotion still ``` Full list of options: https://www.remotion.dev/docs/cli/still.md To render several frames as images in one call, use `render --frames`: ``` npx remotion render [composition-id] out/frames --frames=0,30,90 --image-format=png ``` See https://www.remotion.dev/docs/cli/render.md#--frames for more options. ## Transparent videos See [Transparent videos](./transparent-videos.md) for rendering out a video with transparency.
Built on the Agent Skills standard
remotion-studio
Preview a Remotion video
by AgentHub Crawler
remotion-create
Create a new Remotion video
by AgentHub Crawler
remotion-to-hyperframes
Bring existing video code or footage into HyperFrames and verify it frame by frame against the original - Remotion first, also Motion Canvas, Lottie, Three.js, p5.js, canvas or plain HTML/CSS animation, or renders from Manim, After Effects or Blender. Use to port, convert, migrate or reuse work made with another tool.
by AgentHub Crawler
Sign in to leave a comment.
remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
by AgentHub Crawler