Remotion
- 1.9k installs
- 82k repo stars
- Updated July 28, 2026
- nexu-io/open-design
remotion enables programmatic React-based video creation for explainers, social cuts, and motion graphics.
About
The remotion skill curates Remotion team guidance for programmatic video creation with React. It targets branded explainers, social media cuts, dashboard-to-video exports, and reproducible motion graphics where compositions are code, not timeline-only edits. Triggers include remotion, react video, programmatic video, motion graphics, and video composition requests. Agents help users scaffold Remotion projects, define compositions as React components, parameterize renders, and export repeatable video assets. The open-design wrapper links upstream Remotion repository patterns while keeping mode video and category video-generation metadata. Use when users want React-driven video, motion templates, or automated render pipelines instead of manual NLE editing. Programmatic video creation with React compositions via Remotion Targets explainers, social cuts, dashboards-to-video, and motion graphics Curated from Remotion upstream with video-generation category metadata Supports reproducible renders parameterized in code rather than manual timelines Triggered by remotion, react video, and motion graphics requests remotion enables programmatic React-based video creation for explainers, socia.
- Programmatic video creation with React compositions via Remotion.
- Targets explainers, social cuts, dashboards-to-video, and motion graphics.
- Curated from Remotion upstream with video-generation category metadata.
- Supports reproducible renders parameterized in code rather than manual timelines.
- Triggered by remotion, react video, and motion graphics requests.
Remotion by the numbers
- 1,881 all-time installs (skills.sh)
- +128 installs in the week ending Jul 28, 2026 (Skillselion tracking)
- Ranked #150 of 1,340 Generative Media skills by installs in the Skillselion catalog
- Security screen: MEDIUM risk (skills.sh audit)
- Data as of Jul 28, 2026 (Skillselion catalog sync)
remotion capabilities & compatibility
- Capabilities
- react video compositions · parameterized renders · motion template patterns · explainer workflows · social cut automation
- Use cases
- video generation · frontend
npx skills add https://github.com/nexu-io/open-design --skill remotionAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1.9k |
|---|---|
| repo stars | ★ 82k |
| Security audit | 2 / 3 scanners passed |
| Last updated | July 28, 2026 |
| Repository | nexu-io/open-design ↗ |
How do I generate video programmatically with React instead of manual editing?
Create programmatic video with React using Remotion for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.
Who is it for?
Teams automating video from React components and data-driven templates.
Skip if: Traditional non-code video editing without programmatic composition needs.
When should I use this skill?
User mentions Remotion, react video, programmatic video, or motion graphics.
What you get
Remotion compositions and render workflows for repeatable branded video output.
- Remotion React compositions
- Rendered video clips
- Motion graphic project structure
By the numbers
- Defines 5 trigger keywords: remotion, react video, programmatic video, motion graphics, video composition
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
- 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/remotionThen 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
Remotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.442k4.1k
Remotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k648Ai Video GenerationTurn written prompts into short videos using AI video generation models directly from Cursor or Claude.363k648Ai Avatar VideoGenerate short talking-head videos of custom AI avatars from text prompts.363k648Ai Image GenerationLet their coding agent generate, iterate on, and insert high-quality images directly into web apps, marketing assets, or product features.363k648
Video EditIntelligently route video editing requests to the best RunComfy model without trial-and-error.357k31How it compares
Pick remotion over static design export skills when video must be regenerated from React code on every release or data change.
FAQ
What is Remotion used for here?
React-based programmatic video for explainers, social cuts, and motion graphics.
Is this manual video editing?
No. Compositions are code-driven and reproducible rather than timeline-only NLE work.
What outputs are typical?
Branded explainers, social cuts, dashboard recordings, and parameterized motion templates.
Is Remotion safe to install?
skills.sh reports 2 of 3 security scanners passed. Review the Security Audits panel on this page before installing in production.