
Hermes Agent vs OpenClaw using Qwen 35B Local Model We asked agents to scrape GitHub star history for both tools, find what caused the growth spikes, build a live dashboard in the browser. MacBook…
The Hook
“(No spoken dialogue — ambient visual of two AI agents initiating tasks)”
Problem Agitation
“(No spoken dialogue — continued visual of agents processing information)”
Product Reveal
“(No spoken dialogue — visual demonstration of dashboard creation)”
Feature Teaser
“(No spoken dialogue — final visual showcasing comprehensive data)”
Synthesizable in Remotion · key components of the dual-agent-code-race template.
Two distinct terminal windows, side-by-side, each displaying rapid, real-time text generation and numerical counters, simulating a competitive task execution.
Utilize Remotion's <Sequence> and <AbsoluteFill> for layout. Implement a custom <TypewriterEffect> component for text generation, using `interpolate` for character reveal based on frame. Use `spring` for subtle counter updates and a shared `useCurrentFrame` to synchronize the race.
A terminal window seamlessly transforms into a fully rendered web browser displaying a complex, data-rich dashboard with animated charts and statistics.
Employ `AbsoluteFill` and `interpolate` for a smooth scale/fade transition from the terminal UI to the browser UI. For the dashboard, use SVG animations or Lottie files for chart drawing, and `spring` or `interpolate` for number counters and text reveals within the browser content.
A web browser window smoothly scrolls vertically, revealing extensive data, timelines, and detailed information within a generated report.
Use `AbsoluteFill` for the browser frame. Implement a scrollable content area using `interpolate` on the `translateY` property of the content div, driven by `useCurrentFrame`. Ensure smooth easing functions (e.g., `Easing.easeOutCubic`) for a natural scroll feel.
Purpose. Introduce the core problem: comparing two competing AI agents and their performance.
Execution. Side-by-side terminal windows with agent names and a timer, immediately setting up a 'race' scenario.
Purpose. Demonstrate the AI agent's capability to autonomously research and gather data.
Execution. Rapid text generation in terminals, showing the agents' thought processes and data scraping actions.
Purpose. Showcase the product's ability to synthesize raw data into actionable insights.
Execution. Seamless transition to a live, interactive dashboard being built and populated with comparison metrics.
Purpose. Highlight the comprehensive nature of the generated report and the depth of analysis.
Execution. Smooth scrolling through the detailed dashboard, revealing timelines, events, and granular statistics.
Objective
Launch a new AI-powered code refactoring tool, 'CodeFlow AI', demonstrating its speed and accuracy against a competitor.How the recipe adapts
The DualTerminalRaceSplit primitive would be adapted to show 'FlowBot' and 'SynthCode' typing out refactored code in their respective terminal windows, with a timer tracking their progress. The BrowserDashboardReveal would transition to a live code analysis dashboard, dynamically charting lines refactored, bug count, and performance improvements. The DynamicDataScroll would then showcase a detailed report of the refactoring process, highlighting specific code changes and their impact.Scene durations (4 scenes, 14s)
Key Remotion components

xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.

Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.