A dedicated pipeline to build vertical video ads styled as iMessage conversations with synthesized message sounds.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install text-message-ad
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 text-message-ad 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 Text-Message Ad Maker?
The Text-Message Ad Maker is an execution workflow designed to automate the production of animated, chat-style vertical video advertisements. By processing raw brand assets, messaging scripts, and styling templates, it constructs a fully stylized HTML webpage representing a chat exchange and outputs a 1080x1920 MP4 file with precise audio alignment. This workflow forms a key part of the catalog of Openclaw Skills, enabling robust creative automation pipelines and fast-turnaround video ad iterations.
Instead of utilizing resource-heavy traditional video editing tools, this architecture executes deterministic rendering via headless browser automation. By stepping through the CSS animation timeline frame by frame at negative delay intervals, the processor outputs video frames where the visual chat bubbles sync directly with synthetic typing indicators, outgoing swooshes, and incoming message sound effects.
Text-Message Ad Maker Use Cases
- Deploying high-engagement vertical ads on platforms such as TikTok, Instagram Reels, and YouTube Shorts.
- Generating automated dramatizations that introduce consumer pain points and introduce products with a price anchor.
- Rapidly iterating on creative variants by testing multiple copy scripts, color templates, and CTA formats.
- Distributing lightweight, self-contained HTML-based ad previews that developers can inspect directly inside the browser.
How Text-Message Ad Maker Works
- Input Collection: Resolves reference assets like
references/brand-checklist.mdto parse user-provided logos, price anchors, customer pain points, and specific branding palettes. - Conversation Structuring: Drafts a structured chat script consisting of the optimal 9-row conversational beat (7 visible bubbles, typing moments, and a concluding product link preview).
- HTML Templating: Modifies standard templates by replacing bracketed text, inserting dynamic avatar assets, formatting timestamp metadata, and rendering the dynamic call-to-action.
- Timeline Mapping: Generates a timeline configuration JSON detailing exact millisecond timestamps (
shows,hides,endcard) to synchronize frame sequences and sound profiles. - Step-by-Step Rendering: Launches Playwright with headless Chromium to capture high-resolution frame sequences while calculating sound wave intervals through a custom Python generator.
- Encoding Compilation: Employs FFmpeg to encode the sequential image frames and custom audio waves into a 1080x1920 MP4 video ready for digital distribution.
Text-Message Ad Maker Setup
To integrate this automation tool from the catalog of Openclaw Skills, verify that Node.js, Python 3, and FFmpeg are present in the hosting environment.
First, install the necessary dependencies for Playwright and scientific audio processing:
npm install playwright
npx playwright install chromium
pip install numpy
After setting up the script files, compile your creative assets by executing the following terminal commands:
# Step through the HTML timeline and capture stable image frames
node scripts/render.js config.json
# Synthesize the corresponding audio sound track
python3 scripts/make_audio.py config.json
# Compile the visual frames and audio into an MP4 container
ffmpeg -y -framerate 30 -i frames_myad/%04d.png -i frames_myad.wav -c:v libx264 -crf 20 -pix_fmt yuv420p -c:a aac -b:a 128k -shortest -movflags +faststart output.mp4
Text-Message Ad Maker Data Schema & Taxonomy
This tool relies on a structured input configuration and standard asset structure to render consistent assets:
Required Config Schema (JSON)
| Key | Type | Description |
|---|---|---|
html |
String | Absolute path to the source HTML file. |
framesDir |
String | Output directory path for rendered PNG frames. |
durationMs |
Integer | Total duration of the output video in milliseconds. |
ts |
Integer | Frame step interval in milliseconds. |
shows |
Array of Integers | Timestamps (ms) indicating when each row of the DOM becomes visible. |
hides |
Object | Map specifying which typing indicator rows disappear at what timestamps. |
endcard |
Integer | Timestamp (ms) to show the branded end card. |
rowKinds |
Array of Strings | Audio cue types mapped to each message step (send, recv, typ, none). |
Asset Taxonomy
/references/brand-checklist.md: Hosts brand variables, voice rules, and social copy templates./assets/template.html: The base structure containing styling, theme variables, and DOM structure./scripts/render.js: Headless browser automation script using Playwright./scripts/make_audio.py: Audio synthesizer translatingrowKindstriggers into synthesized dings, pops, and swooshes.
Text-Message Ad Maker Advanced Features
- Deterministic Frame Stepping: Bypasses real-time screen recording issues by pausing individual CSS animations at fixed negative delays, producing stable rendering outputs.
- Automated Sound Design: Generates context-aware audio files where sound effects align with chat events dynamically via synthetic sound-wave generation.
- Multi-Platform Caption Generation: Produces platform-compliant social captions utilizing pre-configured templates for YouTube and Instagram reels.
- Configurable End Cards: Embeds CTA links, customized domain name previews, and brand assets dynamically directly into the final video stream.
- Extensible Integration: Designed to plug directly into the broader registry of Openclaw Skills for end-to-end automated marketing campaigns.
SKILL.md
Loading
Related Openclaw Skills
Piano Teacher AI
An expert AI music coach providing personalized piano instruction, theory teaching, practice planning, and comprehensive exam preparation.
Mermaid Diagram Generator
An AI-powered utility that converts natural language, code comments, and configuration files into structured Mermaid diagrams.
Software Copyright Application Assistant
An AI-driven assistant designed to guide developers through the entire Chinese Software Copyright (Ruanzhu) registration process.
ImageForge
A structured AI agent skill for generating and editing raster images using the NextAI Code image API.
Huawei Cloud OBS Statistics Skill
An automated assistant tool to list Huawei Cloud OBS buckets, query capacity metrics, and calculate download traffic and request count trends with month-over-month comparisons.
X (Twitter) DM Auto Chat (End-to-End)
An end-to-end AI agent skill designed to scan X (Twitter) DM inboxes, read conversation histories, and generate persona-based replies or conduct user outreach campaigns automatically via browser automation.
Featured*
