Poke · Launch Video Breakdown: Hook, Pacing & Motion Design

Say hi to the new Poke! 🌴 Now officially approved by Apple to text on Apple Messages. As the first and only AI agent. Chat now:

AI AgentsLaunchJune 4, 2026@interaction

Website View on X

9.2 /10

Hook score

Product-in-Action Reveal

Cuts / min

0:42

Runtime

5.0M

Views

Likes

Reposts

Replies

Reusable motion template

AI Agent Messaging UI Showcase

UI-Driven Product Demonstration & Feature Showcase

Adapt it.

Replace all chat bubble content with project management tasks and AI-generated suggestions.
Substitute calendar and map UI elements with project timeline views and resource allocation interfaces.
Update app integration icons to reflect relevant productivity and collaboration tools.
Adjust color palette to match the new product's branding while retaining the clean, minimalist feel.
Ensure all text animations and UI transitions maintain the original video's fast, responsive spring-based motion.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 42.9-second ui-driven product demonstration & feature showcase launch video by Poke, unveiled on June 4, 2026 with over 5.0M views on X. Evaluated at a 9.2/10 hook score with an editing tempo of 4 cuts per minute, the production demonstrates Poke is an innovative AI agent seamlessly integrated into Apple Messages, offering intelligent assistance for scheduling, recommendations, and reminders. The video showcases its capabilities through a clean, fast-paced UI demonstration, emphasizing its ease of use and extensive integrations. The motion style is minimalist yet dynamic, driven by responsive UI animations and a high-energy electronic soundtrack.

0:00 · The Hook · AI Agent Introduction

0:00 / 0:00

The Hook
AI Agent Introduction
“(No spoken dialogue — High-energy electronic score with punchy 808s and a driving sub-bass begins, building excitement.)”
On screen
Braden, Poke, Sydney, Nikki Freeman, 1:50 AM, hey when are you coming home
Camera
Static shot, then a subtle zoom into the 'Poke' icon, followed by a quick pan down to a message bubble.
Motion
Zoom and pan, with text appearing as if typed in real-time within a messaging interface.
Product Reveal
Intelligent Scheduling & Recommendations
“(No spoken dialogue — The electronic score continues with dynamic sound design, incorporating risers and sub-bass drops to emphasize transitions.)”
On screen
sarah wants to grab dinner tmrw, 6:00 PM, 6:45 PM, 7:00 PM, There are 4 events scheduled, and the first one starts at 3:00 PM, View in Calendar..., Friday, June 5, Show Less, 7:30 PM, 10:30 PM, Saturday, June 6, Show Less, 8:00 PM, 9:15 PM, locked friday, what r u in the mood for?, Mexican, Japanese, Italian, Indian, Chinese, Surprise me, Indian, Selected option, want me to find a spot?, where are you rn?, Message Poke, Current Location, q w e r t y u i o p, a s d f g h j k l, Shared Location, Palo Alto, CA
Camera
Close-up on a phone screen, simulating user interaction with scrolling and tapping, then a slight zoom out to reveal the full phone frame.
Motion
Rapid text generation, interactive UI elements animating in, and smooth transitions between different app screens within the phone frame.
Feature Teaser
Location-Based Assistance & Reminders
“(No spoken dialogue — The electronic score maintains its high energy, with impactful sound effects accompanying UI actions.)”
On screen
Anything catching your eye?, ITALIAN NEAR YOU, Ettan, Italian / Wine • 0.03 mi, Khazana, Indian Restaurant • 0.11 mi, Zareen's, Indian and Pakistani • 0.16 mi, found a few solid spots near you, anything catching your eye?, Poke, Zareen's, I'll take it from here., Maps, Zareen's, maps.apple.com, only 0.16 mi away from you, 0:04, Please remind me about this dinner 1 hour before., sure, i'll remind you on time, Message Poke
Camera
Dynamic camera movement, zooming in and out of specific UI elements, simulating a user's focus.
Motion
Animated map integration, voice message playback visualization, and quick text responses appearing in chat bubbles.
Call to Action
Extensive Integrations & Brand Reveal
“(No spoken dialogue — The electronic score builds to a climax with a final impactful sub-bass drop, then fades out.)”
On screen
Email, Send, reply, and forward messages, Calendar, View, create, and reschedule events, Reminders, Schedule one-time reminders, Automations, Create and manage automations, Image Search & Generation, Find images and generate new ones, Web Search & Browse, Look things up and visit websites, Connect Gmail, gmail.com, Connect Notion, notion.so, Connect Todoist, todoist.com, connect all your favorite tools, Poke.com
Camera
Scrolling through a list of features and integrations, then a wide shot revealing a grid of app icons, concluding with a static shot of the website URL.
Motion
Smooth vertical scrolling, animated icon reveals, and a final bold text display for the call to action.

Synthesizable in Remotion · key components of the ai-agent-ui-showcase template.

ChatBubbleTypewriter

Text appears character by character within a chat bubble, mimicking real-time typing, often followed by an immediate response bubble.

+ Code construction recipe

Use Remotion's <Sequence> and <AbsoluteFill> components. Implement a `spring()` or `interpolate()` function for character opacity and position, triggered by `delay()` for sequential appearance. Chat bubbles can `slideIn()` from the bottom or side using `spring()`.

DynamicUIScroll

Simulates natural scrolling and interaction within a mobile application interface, with elements smoothly entering and exiting the viewport.

+ Code construction recipe

Utilize Remotion's `scrollX` and `scrollY` properties on a container component. Animate the `transform: translateY` or `translateX` of child elements using `interpolate()` based on the scroll position, creating a parallax or reveal effect.

AppIconGridReveal

A grid of application icons animates into view, often with a staggered or wave-like effect, emphasizing a wide range of integrations.

+ Code construction recipe

Create a grid of `Image` components. Animate each icon's `opacity` and `scale` from 0 to 1 using `spring()` with a `delay()` based on its position in the grid (e.g., `delay(index * 0.05)`), creating a ripple effect.