
AgentHQ makes multi-agent orchestration visual: hire Claude and Codex agents, assign tasks, and watch the team collaborate in a retro 2D workspace.
The Hook
“(No spoken dialogue — Playful, upbeat chiptune melody with pizzicato synths and 8-bit percussion.)”
Product Reveal
“(No spoken dialogue — Consistent chiptune melody continues, maintaining a cheerful, focused energy.)”
Feature Teaser
“(No spoken dialogue — Chiptune music continues, highlighting the dynamic on-screen activity.)”
Call to Action
“(No spoken dialogue — Chiptune music fades slightly, then returns to full volume, maintaining its cheerful, driving rhythm.)”
Synthesizable in Remotion · key components of the retro-pixel-agent-orchestration template.
UI elements like modal windows and chat bubbles appear with a subtle, quick pop-in animation, often accompanied by a slight scale and opacity transition, mimicking retro game UI. Text input fields show characters typing out one by one.
Use `spring` for scale and opacity, with a low damping ratio for a slight bounce. Implement character-by-character text reveal using `interpolate` on string slices or individual character components, timed to the chiptune beat.
2D pixel art agent characters move across the grid-based office environment with a distinct, blocky, frame-by-frame animation style, simulating classic 8-bit game sprites. Their movement paths are direct and purposeful.
Utilize `Sequence` and `AbsoluteFill` for sprite sheet animation. Position agents using `interpolate` for X/Y coordinates on a grid, ensuring movements snap to grid cells. Apply `pixelated` CSS filter for authentic retro look.
Terminal-like chat windows display agent actions and outputs, with text scrolling rapidly or appearing instantly, often highlighting key information with color changes or bolding. Search results and task completions are presented in a structured, log-like format.
Implement text scrolling with `interpolate` on `scrollTop` for a `div` with `overflow-y: scroll`. Use conditional rendering or `map` over an array of text lines to simulate real-time output. Apply `color` and `fontWeight` changes based on content keywords.
Purpose. Introduces the core concept of hiring and managing AI agents within the AgentHQ environment.
Execution. User navigates the retro office, opens a 'Hire Agent' modal, and inputs details for a new agent, which then appears in the workspace.
Purpose. Demonstrates how tasks are assigned to agents and how they begin processing information.
Execution. User types a task into an agent's chat window, the agent's status changes to 'THINKING'/'WORKING', and simulated search queries appear in its output log.
Purpose. Showcases agents collaborating, generating detailed outputs, and handing off tasks to other agents.
Execution. Agent output logs fill with research findings, and the user initiates a handoff to another agent, illustrating multi-agent workflow.
Purpose. Provides a broader view of the multi-agent system at work, emphasizing the visual orchestration.
Execution. The camera pans across multiple agents working simultaneously, with their status indicators and chat windows active, culminating in a final product title screen.
Objective
A launch video for 'DataForge', an automated data pipeline builder.How the recipe adapts
The retro 2D pixel art style will be applied to a data pipeline visualization. Instead of office agents, we'll have pixelated 'data agents' like 'Ingestor' and 'Transformer' on a grid. Data will be represented as animated pixel streams moving between these agents. The UI for building pipelines will use the same pop-in animations and monospace terminal text. The chiptune music will underscore the data processing, making it feel like a game.Scene durations (4 scenes, 117.6s)
Key Remotion components
To ensure that artificial general intelligence benefits all of humanity

Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.

Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released