
Someone built a tool that lets Claude Code autonomously test your entire IOS app It navigate your entire app, opens every screen, tests every flow, reads the debug logs, and hands you a structured…
The Hook
“(No spoken dialogue — Silent video with ambient visual hum.)”
Product Reveal
“(No spoken dialogue — Silent video with ambient visual hum.)”
Feature Teaser
“(No spoken dialogue — Silent video with ambient visual hum.)”
Call to Action
“(No spoken dialogue — Silent video with ambient visual hum.)”
Synthesizable in Remotion · key components of the autonomous-dev-tool-showcase template.
A fixed split-screen layout where the left side displays a command-line terminal with real-time text output, and the right side shows a mobile phone simulator with automated UI interactions.
Use a `SplitLayout` component. The left pane renders a `TerminalEmulator` component with `typewriterEffect` and `scrollIntoView` for new lines. The right pane renders an `IPhoneSimulator` component, playing a pre-recorded sequence of `tap`, `scroll`, and `type` actions interpolated over time.
Text content appears character by character in a terminal window, simulating live command execution and log streaming.
Implement a `Text` component with `interpolate` on the `text` property, revealing characters based on `frame` progress. Use `spring` for a subtle bounce effect on new lines or command prompts. Ensure `overflow: hidden` and `white-space: pre-wrap` for proper text wrapping.
A visual indicator (e.g., a small circle or ripple effect) appears and quickly disappears at precise coordinates on the mobile simulator, simulating a user tap.
Create a `TapIndicator` component using `AbsoluteFill` and `z-index`. Animate its `scale` from 0 to 1.2 and back to 0, and its `opacity` from 1 to 0, using `spring` with high damping for a quick, subtle effect. Position it using `transform: translate(x, y)` based on recorded UI interaction coordinates.
Purpose. Introduce the autonomous testing environment and the initial task.
Execution. Split screen showing terminal with initial commands and iPhone simulator launching the app.
Purpose. Showcase the tool's ability to navigate and interact with the app's primary functions.
Execution. Automated taps, scrolls, and text input on the iPhone simulator demonstrating adding places, creating collections, and using discovery features.
Purpose. Highlight the tool's capability to handle complex scenarios like editing and deleting data.
Execution. Simulator shows editing place details and deleting an entry, with terminal logs confirming successful operations.
Purpose. Conclude the demonstration by summarizing the test results and any findings.
Execution. Terminal displays a structured summary of all tested flows and observations, while the simulator remains in a final state.
Objective
Demonstrate 'CodeFlow AI' autonomously refactoring a Python Flask application.How the recipe adapts
The split-screen layout will feature a terminal on the left showing 'CodeFlow AI' commands like 'refactor_module(auth.py, optimize_imports)' and 'apply_best_practices(api_routes.py)'. The right pane will be an IDE simulator (e.g., VS Code) where Python code files are opened, lines are highlighted, code blocks are automatically rewritten, and files are saved. The TypewriterLogOutput primitive will show AI progress, and AutomatedUITap will simulate cursor movements and selections within the IDE.Scene durations (4 scenes, 67.5s)
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.