remotion
nexu-io/open-design
Programmatic video creation with React for branded content, social cuts, and motion graphics.
What is remotion?
Remotion lets you create videos programmatically using React components. Use it for branded explainers, social media cuts, dashboard-to-video pipelines, and reproducible motion graphics that can be version-controlled and scripted.
- Create videos using React components and JavaScript
- Generate branded explainers and social media content
- Convert dashboards and data into animated videos
- Build reproducible, version-controlled motion graphics
- Compose multiple video layers and effects programmatically
How to install remotion
npx skills add https://github.com/nexu-io/open-design --skill remotion- Node.js and npm installed
- Familiarity with React components
- Basic understanding of video composition concepts
How to use remotion
- 1.Install the upstream Remotion bundle into your agent's skills directory
- 2.Review the upstream README at https://github.com/remotion-dev/remotion for asset paths and examples
- 3.Ask your agent to 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.Configure and render your video output
Use cases
- Generating social media clips from template components
- Creating automated dashboard visualizations as video reports
- Building branded explainer videos with dynamic content
- Producing motion graphics for marketing campaigns
- Scripting video sequences that update with data changes
- Video content creators
- Marketing and design teams
- Data visualization engineers
- Full-stack developers building video automation
- Teams needing reproducible video generation
remotion FAQ
Remotion is a framework for creating videos programmatically using React. You write video compositions as React components and render them to video files.
No. If you know React and JavaScript, you can create videos. Remotion handles the rendering and composition logic.
Branded explainers, social media cuts, animated dashboards, motion graphics, data visualizations, and any video that can be composed from React components.
Yes. Since videos are defined in code, you can track changes in Git and automate video generation in CI/CD pipelines.
Check the upstream repository at https://github.com/remotion-dev/remotion for the full README, examples, and asset references.
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 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.
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
Turn research notes into an evidence-backed decision room with themes, confidence scores, and experiment queues.
resume-modern
Modern minimal single-page A4 resume, ready for print or PDF export.
screenshot
Capture desktop, windows, or pixel regions across platforms for screenshots and bug reports.
screenshots-marketing
Generate marketing screenshots with Playwright for landing pages, App Store, and changelogs.
shadcn-ui
Build accessible UI components with shadcn/ui, integrated with the Stitch design loop.