
No extra CLI on the remote machine. Run `! ssh` and work alongside the agent over SSH.
The Hook
“So here I am in my local Warp terminal. I'm going to run a git commit. And now I want to work on a remote machine. So I'm going to run ! ssh kevin-test.devbox.namespace. And now I'm connected to my remote machine.”
Product Reveal
“I'm going to run ls to see what's in this directory. I'm going to cd into docs. And now I want to ask the agent to make a change to the documentation. So I'm going to say, 'Hey, can you add 'built by Warp' at the start of our agent CLI documentation?'”
Feature Teaser
“And now I can run a git diff to confirm that the agent made the change that I asked for. And you can see that it added 'built by Warp' at the top of the documentation. So that's how you can use Warp to work alongside an agent over SSH. No extra CLI on the remote machine. Run ! ssh and work alongside the agent over SSH.”
Synthesizable in Remotion · key components of the developer-tool-showcase-terminal-agent template.
Text appears character by character as if being typed in a terminal, simulating real-time command input and output. This is often accompanied by a blinking cursor.
Use Remotion's `Sequence` and `spring` or `interpolate` for character opacity and position. A `useCurrentFrame` hook can control the typing speed. A `Cursor` component with `blink` animation can be overlaid.
New lines of terminal output smoothly scroll into view from the bottom, pushing older content upwards, mimicking a live terminal session.
Implement a `ScrollView` or `FlatList` component. Use `interpolate` on the `translateY` property of new lines as they enter the viewport, triggered by `useCurrentFrame` or `AbsoluteFill`'s `frame` prop.
Specific lines of code within a terminal diff output are highlighted with distinct background colors (e.g., green for additions, red for deletions) to draw attention to changes.
Render code lines as individual `Text` components. Apply conditional `backgroundColor` styles based on line content (e.g., starts with '+' or '-'). Animate the background color or opacity using `spring` or `interpolate` for a subtle reveal.
Purpose. Establishes the familiar developer environment and a common task (git commit) before introducing the product's core functionality.
Execution. Presenter in a corner, terminal UI showing standard git commands, typing animation.
Purpose. Demonstrates the seamless connection to a remote machine using the product's unique command, highlighting its simplicity.
Execution. Terminal showing '! ssh' command, connection status updates, then 'ls' and 'cd' on the remote machine.
Purpose. Showcases the product's advanced AI capabilities by having it perform a complex task (modifying documentation) with a natural language prompt.
Execution. Presenter asking the agent a question, 'Warping...' animation, agent outputting commands and file changes.
Purpose. Confirms the AI agent's successful execution and reiterates the product's key benefit: working with an agent over SSH without extra CLI.
Execution. Terminal displaying 'git diff' with highlighted changes, presenter summarizing the product's advantage.
Objective
A new cloud-native debugging tool that allows developers to inspect live application states across distributed services.How the recipe adapts
The video would open with a developer running a local test, then use a custom command like '! debug-cloud' to connect to a remote service. The terminal would show real-time log streaming and variable inspection, with the AI agent suggesting breakpoints or fixes. Code diff highlighting would be adapted to show changes in application state or suggested code modifications. The background pattern would shift to a subtle blue-green gradient, maintaining the organic feel.Scene durations (3 scenes, 84.4s)
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.