A programmatic video creation skill leveraging Remotion and React to build high-quality animations and product demos.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install modelwise-remotion-video
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install modelwise-remotion-video using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Remotion Video Skill?
The Remotion Video Skill is a powerful developer tool designed to bridge the gap between frontend development and video production. By leveraging the Remotion framework, this skill allows users to define video frames using React components, enabling a code-first approach to motion graphics. This integration into Openclaw Skills makes it possible to automate complex video rendering tasks, such as product walkthroughs and data-driven animations, with the precision of modern web technologies.
Built by the ModelWise team, this skill provides a robust foundation for anyone looking to scale their video content production. Whether you are building automated marketing assets or dynamic technical demonstrations, this addition to your Openclaw Skills library ensures consistent, high-fidelity output through a programmable pipeline.
Remotion Video Skill Use Cases
- Generating automated product demo videos for software releases and documentation.
- Creating dynamic social media content in multiple aspect ratios including landscape, portrait, and square formats.
- Automating data visualization animations for business reports and financial presentations.
- Building reusable title sequences and branded transitions for standardized video production workflows.
How Remotion Video Skill Works
- Initialize the development environment by installing the necessary Node.js dependencies.
- Configure the video project using the provided TypeScript templates and component library.
- Utilize the built-in animation components like FadeIn, SlideIn, or Typewriter to build visual scenes.
- Preview and iterate on the video sequences in real-time using the local Remotion Studio server.
- Execute the render command to compile the React code into a finalized MP4 video file via the Openclaw Skills workflow.
Remotion Video Skill Setup
To get started with this skill, ensure you have Node.js installed and follow these steps:
# Install all project dependencies
npm install
# Start the Remotion Studio for real-time visual preview
npm run studio
# Render the video composition to a file
npx remotion render HelloDemo out/demo.mp4
Remotion Video Skill Data Schema & Taxonomy
The skill organizes its technical assets using a structured directory pattern common in Openclaw Skills projects:
| Path | Description |
|---|---|
src/Root.tsx |
The primary entry point where all compositions are registered and configured. |
src/components/ |
Contains granular, reusable animation components like WordHighlight and ScaleIn. |
src/compositions/ |
Houses high-level templates such as ProductDemo and TitleSequence. |
src/utils/ |
Stores animation helper functions, easing presets, and spring physics configurations. |
remotion.config.ts |
The central configuration file for rendering engine settings and browser parameters. |
Remotion Video Skill Advanced Features
- Advanced spring-based physics for natural-feeling ScaleIn and motion animations.
- Integrated support for @remotion/transitions, allowing for professional fade, slide, and wipe scene changes.
- Multi-format output presets including 1920x1080 (landscape), 1080x1920 (portrait), and 1080x1080 (square).
- Full TypeScript 5.x integration providing type safety for all animation props and composition variables.
- Highly extensible architecture for adding custom React-based video components to Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
Trello Orchestrator Runner
A deterministic workflow engine that uses Trello boards to manage, route, and validate AI agent task execution in a closed loop.
Ecovacs Robot Vacuum Control
An official Model Context Protocol server for managing Ecovacs DEEBOT robot vacuums through AI agents.
Auto Publish Created Skills
Automatically deploys and versions newly created local skills to ClawHub after successful local commits.
Moses Governance Modes
A governance layer that injects behavioral guardrails into AI agent prompts based on eight distinct operating modes to ensure security and integrity.
Fastest Browser Use
A high-performance Rust-based browser automation engine designed for lightning-fast DOM extraction and efficient web interaction.
Bambu Farm Agent
A specialized AI agent skill for monitoring and managing Bambu Lab 3D printer clusters via local area network integration.
Featured*
