Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
Builds programmatic motion graphics videos using React and Remotion. Scaffolds a full video project with scene-based architecture, scrapes brand data when featuring a product, and serves a live preview via Cloudflare tunnel. Supports hot-reload iteration and final MP4 export.
Writing videos in React with Remotion gives frame-accurate programmatic control over every animation, which video editing software cannot match for template-driven or data-driven content.
When to use it
- Creating a promotional video for a product launch
- Building an animated explainer for a SaaS feature
- Producing a social media reel with branded visuals
- Generating a product demo video from a company website
- Making a motion graphics intro for a YouTube channel
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: Make a 30-second promo video for my app at acme.com
- 1Scrapes acme.com with Firecrawl to extract brand colors, tagline, and assets
- 2Scaffolds a new Remotion project in output/acme-promo/
- 3Builds scene components for intro, features, and CTA with spring-physics transitions
- 4Starts Remotion Studio on port 3000 as a background process
- 5Exposes the dev server via Cloudflare tunnel and sends the public preview URL
A live Remotion Studio preview URL the user can open to review and request edits, with hot-reload on every file save
Requirements
Accounts, API keys, or tools you or your AI assistant may need to set up while using this skill.