Remotion
Spin up React-based programmatic video for explainers, social clips, and dashboard-to-video exports without a manual NLE workflow.
Overview
Remotion is an agent skill most often used in Build (also Launch, Grow) that routes solo builders to React-based programmatic video for explainers, social cuts, and reproducible motion graphics.
Install
npx skills add https://github.com/nexu-io/open-design --skill remotionWhat is this skill?
- Programmatic video with React components, props, and data-driven frames
- Suited to branded explainers, social cuts, and dashboards-to-video
- Reproducible motion graphics and batch renders from code
- Open Design catalog entry with upstream Remotion repo and trigger phrases
- Agent discovers skill during planning; full assets live in upstream install
Adoption & trust: 886 installs on skills.sh; 61.4k GitHub stars; 2/3 security scanners passed (skills.sh audits).
What problem does it solve?
You need on-brand video variants often but lack a version-controlled, data-driven pipeline that fits your React product team.
Who is it for?
Solo builders already on React who want repeatable marketing or product videos without a dedicated motion team.
Skip if: One-off cinematic edits with no code reuse, or teams with zero React comfort who only want a drag-and-drop editor.
When should I use this skill?
User mentions remotion, react video, programmatic video, motion graphics, or video composition during planning.
What do I get? / Deliverables
Your agent scopes a Remotion composition plan and upstream install path so video outputs stay reproducible from code and props.
- Scoped Remotion composition plan and upstream install steps
- List of trigger-aligned use cases (explainer, social cut, dashboard-to-video)
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Remotion is canonically a Build skill because compositions are React code you version and ship as part of the product or content pipeline. Frontend subphase fits React composition APIs, timelines, and reusable motion components—not one-off FFmpeg scripts.
Where it fits
Scaffold a Remotion composition that mirrors your app's UI for a reusable demo reel.
Batch export launch explainer variants from one React template with swapped copy and CTAs.
Regenerate weekly metric recap videos from live dashboard props without reopening a NLE.
Prototype a 30-second concept video in code to test messaging before a full marketing shoot.
How it compares
Use instead of static screen recordings plus manual Premiere cuts when you need parameterized, batchable video from app data.
Common Questions / FAQ
Who is remotion for?
Indie and solo builders shipping React apps who need programmatic video for explainers, social content, or dashboard exports with agent-assisted planning.
When should I use remotion?
During Build when designing React motion systems; at Launch when cutting launch explainers; and in Grow when refreshing social or metric recap videos—invoke with triggers like programmatic video or motion graphics.
Is remotion safe to install?
Treat it as a curated pointer to upstream Remotion; review the Security Audits panel on this Prism page before installing third-party skill bundles into your agent environment.
SKILL.md
READMESKILL.md - 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: ```bash # 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.