Remotion turns React components into programmatic video. You write JSX, define compositions, and render MP4s from the command line or a Node script. It's built for scenarios where you need reproducible output: think dashboard data visualized as video, branded social clips with swappable text and assets, or explainer animations that need to be regenerated when numbers change. The learning curve is real if you're not already comfortable with React and imperative animation timing, but once you get it, you have full programmatic control over every frame. This is the tool when you need videos to be code, not timeline scrubbing in Premiere.

skills.sh installs
3.1K
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill remotion --agent claude-code

Installs into .claude/skills of the current project.

Files

remotion

Curated from the Remotion team.

What it does

Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.

Source

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/remotion-dev/remotion

Then ask the agent to invoke this skill by name (remotion) or with one of the trigger phrases listed in this skill's frontmatter.

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Design & UI/UX, Generative Media
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1openai avatarfigma-generate-designopenai/skillsUse this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma',3Kskills.sh installs
2freshtechbro avatarspline-interactivefreshtechbro/claudedesignskillsBrowser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web exper3Kskills.sh installs
3meodai avatarcolor-expertmeodai/skill.color-expertUse when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversio2.9Kskills.sh installs
4nexu-io avatarfield-notes-editorial-templatenexu-io/open-designEditorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when u2.9Kskills.sh installs
5openai avatarfigma-code-connect-componentsopenai/skillsConnects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map 2.9Kskills.sh installs
6nexu-io avatarswiss-creative-mode-templatenexu-io/open-designSwiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme swit2.9Kskills.sh installs