
Tapkit is a Mac app that lets your agents use your iPhone. Tell it what to do, and it can use the phone to do it.
The Hook
“(No spoken dialogue — High-energy audio transition with riser and sweep, followed by a sub-bass drop/impact.)”
Product Reveal
“Tapkit is a Mac app that lets your agents use your iPhone. Tell it what to do, and it can use the phone to do it.”
Feature Teaser
“So for example, if I wanted to order a Waymo to the restaurant Tom sent in the group chat, I could just tell Tapkit to do that. And it'll open up messages, tap on the message, open up Waymo, choose the drop-off, confirm the drop-off, and then order the Waymo. And it'll do all of this in real time on the phone.”
Feature Teaser
“And you can do this with multiple iPhones at the same time. So you can have one agent ordering food, another agent researching, and another agent making reservations.”
Call to Action
“Download Tapkit today.”
Synthesizable in Remotion · key components of the tapkit-devtool-launch template.
Multiple device screens (e.g., iPhones, Mac app) display synchronized or parallel UI interactions, demonstrating real-time control and automation. Actions like taps, scrolls, and text input are visually mirrored or independently executed across devices.
Use Remotion's `Sequence` and `AbsoluteFill` components. For each device, render a `Video` component with `startFrom` and `endAt` props to control playback. Use `interpolate` for precise timing of UI elements (e.g., `spring` for button presses, `linear` for scrolling). Overlay `Lottie` animations or custom SVG paths to represent 'taps' or 'swipes' on the screens. Ensure `loop` is false for demonstration segments.
App icons or small character icons appear on screen with a quick, energetic pop-in and subtle bounce, often accompanied by a slight scale animation.
Implement with Remotion's `spring` function for `scale` and `opacity` properties. Use `delay` to stagger multiple icons. For the bounce, a slightly higher `damping` value in the `spring` configuration can create a subtle overshoot effect. Position icons using `AbsoluteFill` or `Absolute` with `transform` properties.
User interface actions (typing, scrolling, button presses) are shown at an accelerated speed (e.g., 3x) to quickly convey complex workflows without losing clarity.
Pre-record screen capture videos of the UI interactions. In Remotion, use the `Video` component with a `playbackRate` prop set to a value like `3` for 3x speed. Ensure the original video is high resolution to maintain clarity when sped up. Synchronize with voiceover using `Audio` component and `continueFrom` prop.
Purpose. Immediately grab attention by showcasing the complexity of multi-device management and hint at a solution.
Execution. A wide shot of multiple iPhones and a Mac setup, with app icons animating in, creating a sense of busy, interconnected activity.
Purpose. Introduce Tapkit and its core value proposition directly from the founder.
Execution. Founder speaking to the camera, with the Tapkit logo and 'agent' icons animating around him, visually linking him to the product.
Purpose. Showcase Tapkit's primary functionality through a real-time, accelerated demo.
Execution. Split-screen view of the Mac app controlling an iPhone, with synchronized UI actions demonstrating a complex task (e.g., ordering a Waymo).
Purpose. Highlight the product's advanced capabilities (multi-device parallel processing) and guide users to the next step.
Execution. Three iPhones simultaneously performing different tasks, followed by a clean logo reveal and website URL.
Objective
A new CI/CD platform called 'DeployFlow' that automates code deployment across AWS, Azure, and GCP.How the recipe adapts
The MultiDeviceSyncDisplay primitive would be adapted to show three virtual screens: one for AWS console, one for Azure portal, and one for GCP console. DeployFlow's Mac app interface would be on the left, controlling all three. The AcceleratedUIDemo would show code being pushed, services spinning up, and logs streaming in real-time across these cloud environments. The IconPopReveal would feature AWS, Azure, and GCP logos, along with DeployFlow's own icon, animating around the founder. The overall color palette would shift to reflect the brand colors of DeployFlow and the cloud providers, while maintaining a dark mode aesthetic for the console UIs.Scene durations (5 scenes, 46s)
Key Remotion components
Agentic CLI for coding, building apps, and automating workflows.
AI is already smart enough. Real-world tasks are still slow, expensive and unreliable, because we hand AI a computer built for humans, then wrap it in a heavy harness. AI doesn’t need to get smarter
Big day 🔥 🚀 Introducing Dolphin AI - an agentic AI studio for complete video production. The story of Dolphin is very interesting. It didn’t start as a product. It started as an internal tool. W