remotion
nexu-io/open-design
Programmatic video creation with React for branded explainers, social cuts, and motion graphics.
What is remotion?
Remotion enables you to create videos programmatically using React components. Use it when you need reproducible, code-driven video generation for explainers, social media clips, dashboard visualizations, or motion graphics.
- Create videos programmatically using React components
- Generate branded explainers and social media cuts
- Convert dashboards and data into video format
- Build reproducible motion graphics with code
- Compose and render video programmatically
How to install remotion
npx skills add https://github.com/nexu-io/open-design --skill remotion- Node.js installed
- Familiarity with React
- Remotion upstream repository cloned or referenced
How to use remotion
- 1.Review the upstream Remotion repository at https://github.com/remotion-dev/remotion for assets and examples
- 2.Install the upstream bundle into your agent's skills directory
- 3.Invoke the skill by name ('remotion') or use trigger phrases like 'react video' or 'programmatic video'
- 4.Define your video composition using React components
- 5.Render the video programmatically
Use cases
- Generate branded explainer videos from React components
- Create social media video clips from data or templates
- Convert dashboard metrics into animated video reports
- Build reproducible motion graphics pipelines
- Produce video content at scale with consistent styling
- Video producers working with code
- React developers creating video content
- Marketing teams needing branded video generation
- Data visualization specialists
- Motion graphics developers
remotion FAQ
Remotion is a library for creating videos programmatically using React. It allows you to write video compositions as React components and render them to video files.
Use Remotion when you need reproducible, code-driven video generation, want to automate video creation at scale, or need to integrate video generation into your development workflow.
You can create explainer videos, social media clips, motion graphics, animated dashboards, data visualizations, and any video content that can be composed with React components.
No. Remotion uses React, so if you're comfortable with React development, you can create videos. Traditional video editing skills are not required.
Full instructions (SKILL.md)
Source of truth, from nexu-io/open-design.
name: remotion description: | Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics. triggers:
- "remotion"
- "react video"
- "programmatic video"
- "motion graphics"
- "video composition" od: mode: video category: video-generation upstream: "https://github.com/remotion-dev/remotion"
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
- Upstream: https://github.com/remotion-dev/remotion
- Category:
video-generation
How to use
This catalogue entry advertises the skill in Open Design 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.
Related skills
More from nexu-io/open-design and the wider catalog.
replicate
Discover, compare, and run AI models via Replicate's API for image, audio, and video generation.
research-decision-room
|
resume-modern
Modern minimal resume, single A4 page, ready for print or PDF export.
screenshot
Capture desktop, app windows, or pixel regions across OS platforms.
screenshots-marketing
Generate marketing screenshots with Playwright for landing pages, App Store, and changelogs.
shadcn-ui
Build accessible UI components with shadcn/ui integrated into the Stitch design loop.