A professional framework for building programmatic video advertisements using React and Remotion with optimized scene-based storytelling.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install abm-video-ad-creation
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 abm-video-ad-creation 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 Video Ad Creation?
The video-ad-creation skill is a specialized module for Openclaw Skills designed to bridge the gap between creative marketing and programmatic video production. By leveraging React and the Remotion framework, it enables developers and marketers to build high-quality video advertisements that are perfectly timed and optimized for digital platforms. This skill transforms the traditional video editing workflow into a code-based architecture, allowing for version control, dynamic data injection, and scalable rendering pipelines.
At its core, this tool focuses on the psychological structure of effective advertising. It guides the creation of standard ad formats (15s, 30s, and 60s) by enforcing a strict scene-based hierarchy. From capturing immediate attention with a hook to delivering a clear call-to-action, the video-ad-creation skill ensures that every frame serves a strategic purpose in the marketing funnel.
Video Ad Creation Use Cases
- Creating high-impact 15s bumper ads for social media retargeting campaigns.
- Developing 30s pre-roll video ads with a problem-solution narrative for YouTube or LinkedIn.
- Producing 60s brand storytelling or product demonstration videos for landing pages.
- Automating the generation of multi-variant video ads with different brand colors, headlines, and CTAs.
- Building programmatic video assets that sync perfectly with existing product marketing context.
How Video Ad Creation Works
- Context Analysis: The skill scans for existing marketing documentation to align with brand voice and product value propositions.
- Format Selection: Based on the campaign goal, it selects a standard duration (15s, 30s, or 60s) and calculates the exact frame count at 60fps.
- Composition Registration: It generates the Root.tsx file, defining the technical parameters like resolution (1920x1080) and default props.
- Scene Component Architecture: The skill builds modular React components for each psychological phase of the ad (Hook, Problem, Solution, CTA).
- Timeline Sequencing: Using Remotion's Sequence API, it maps components to specific frame intervals to ensure perfect timing.
- Rendering: It generates the specific CLI commands required to preview the composition in a browser or render it to an MP4 file.
Video Ad Creation Setup
To get started with video-ad-creation within Openclaw Skills, ensure you have a Remotion project initialized.
Install the necessary dependencies:
npm install remotion @remotion/cli
Preview your ad composition in the browser:
npx remotion preview src/index.ts
Render your final advertisement to an MP4 file:
npx remotion render src/index.ts VideoAd15s out/ad-15s.mp4
Video Ad Creation Data Schema & Taxonomy
The skill organizes video production data into a structured hierarchy to ensure maintainability and scalability within the Openclaw Skills ecosystem:
| Data Layer | Responsibility | Key Elements |
|---|---|---|
| Metadata | Configuration | Duration, FPS, Resolution, Versioning |
| Compositions | Registration | Entry points in Root.tsx with unique IDs |
| Scenes | UI/UX | Individual .tsx files (Hook, ValueProp, etc.) |
| Props | Dynamic Data | Brand colors, headlines, CTA text, image URLs |
| Assets | Media | Logos, fonts, and background video clips |
Video Ad Creation Advanced Features
- Dynamic Context Injection: Automatically reads from product-marketing-context.md to populate ad copy and brand assets.
- Spring-Based Animations: Utilizes physics-based motion for smoother, more professional-feeling UI transitions.
- Multi-Duration Scaling: Easily generates 15s, 30s, and 60s versions of the same creative concept using modular scene components.
- Independent Scene Timelines: Leverages the Sequence API to reset frame counts for each scene, simplifying complex animation logic.
- Cross-Skill Integration: Works seamlessly with social-video-content for vertical (9:16) or square (1:1) format variations.
SKILL.md
Loading
Related Openclaw Skills
Competitive Intel: Market & Competitor Research Skill
Automate deep-dive market research and competitor profiling with verified evidence tiers and structured reporting.
Features Page Generator
A professional framework for generating benefit-led product feature pages that drive conversions and minimize content overlap.
Terminal Dashboard
A local-first data toolkit for building, tracking, and visualizing data pipelines directly from the command line.
Glossary Page Generator
A professional framework for building, optimizing, and auditing SEO-driven glossary pages and industry terminology hubs.
Docs Page Generator
A professional framework for designing, structuring, and optimizing comprehensive documentation sites and help centers.
i-skill: Personalized Interaction Profile
i-skill is a sophisticated personalization engine that analyzes user conversations to build a structured, evolving profile for customized AI interactions.
Featured*
