Design · Any agent
Remotion Render Agent Skill
Official render skill: npx remotion render / still, and advanced export notes. Use it to ship a file. It is not the create-video scaffold, and it is not the markup playbook.
Compared on Remotion . How to choose a skill
SKILL.md
The file starts with a description field. Agents keep that text in context
and open the rest of the file only when the job matches.
- name
- remotion-render
- description
- Export a Remotion video
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 for rendering out a video with transparency.
More from remotion-dev
More in Design
- Accessibility
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader…
- Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibili…
- Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, gener…
- Apple Design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
- Brand Guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand co…