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

Claude can now connect to more of the apps you use outside of work, including @Tripadvisor, @bookingcom, @resy, @Instacart, @Spotify, @audible_com, @AllTrails, @thumbtack, Intuit @turbotax, and more.

AI AgentsLaunchApril 23, 2026@claudeai

Website View on X

9.2 /10

Hook score

Problem/Solution Demonstration

Cuts / min

1:11

Runtime

1.7M

Views

Likes

Reposts

Replies

Reusable motion template

Integrated AI Agent Showcase

UI/UX Showcase & Cinematic Storytelling

Adapt it.

Replace all Claude-specific UI elements with smart home control interfaces (e.g., thermostat, lighting, security camera feeds).
Substitute app logos (Booking.com, AllTrails) with icons representing smart home device categories (e.g., 'Climate', 'Lighting', 'Entertainment').
Adjust the live-action footage to depict various rooms and activities within a modern home, showcasing the system's impact on daily life.
Modify the spoken dialogue to narrate a story about a family's day, highlighting how the smart home system simplifies their routines and enhances comfort.
Ensure the final brand reveal aligns with the serene home interior aesthetic, using the same typography and subtle animation style.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 71-second ui/ux showcase & cinematic storytelling launch video by Claude, unveiled on April 23, 2026 with over 1.7M views on X. Evaluated at a 9.2/10 hook score with an editing tempo of 3 cuts per minute, the production demonstrates Claude's launch video showcases its AI agent capabilities by demonstrating seamless integration with popular apps like Booking.com, AllTrails, Instacart, and Audible. The video uses a clean UI and natural motion graphics to illustrate how Claude simplifies complex tasks, transitioning into a cinematic narrative about Viva's empowering solo travel experience. The motion style blends functional UI demonstrations with emotional storytelling, culminating in a powerful brand message.

0:00 · The Hook · Seamless Travel Planning with Claude

0:00 / 0:00

The Hook
Seamless Travel Planning with Claude
“(No spoken dialogue — Ethereal electronic score with pizzicato synths and gentle sub-bass, building anticipation.)”
On screen
Hi Claude, hoping to escape to the mountains with the fam this weekend. Can you help us plan? A mountain weekend sounds like the best. Booking.com Stays that match your search Sept 4 - Sept 7 · 2 adults · 2 children Rocky Mountain Lodge Fabulous · 237 reviews US$839 / 3 nights View on Booking.com Cozy Cabin Excellent · 654 reviews US$743 / 3 nights View on Booking.com Lakeside Getaway Very good · 381 reviews US$685 View on Booking.com Here are a few options that work for your dates — all family-friendly with outdoor space for the Cozy Cabin Excellent 654 reviews About this stay 'Tuck yourself away in this cozy, 3-bedroom mountain cabin where vaulted ceilings and sweeping forest views make it easy to unplug and unwind. Conveniently located close to the lake, park trails, and modern comforts, this is a spot the whole family will love. Read more Your stay Sept 4 - Sept 7 · 2 adults 2 children US$743 / 3 nights View on Booking.com This should work perfectly for the four of you. Mia and Leo will really enjoy the hot tub and backyard fire pit.
Camera
Static screen capture, then a subtle zoom into the 'Cozy Cabin' detail page, followed by a slight pan to reveal more text.
Motion
UI element reveals, text typing animation, app integration toggles, content carousel, and smooth transitions between app views.
Product Reveal
Outdoor Adventures & Dinner Solutions
“(No spoken dialogue — Orchestral synth pads and strings build, with high-energy audio transitions and sub-bass drops at 0:16-0:17.)”
On screen
We're already settling in! Any outdoor recommendations to keep this hyper 5-year-old distracted? How about a short hike? There's lots of wildlife for Leo to see around the trails here. Let me find a few options nearby. AllTrails Beaver Ponds via Cub L... Rocky Mountain National... 4.6 · Easy · 2.1 mi · 0.5-... These are all rated easy. Upper Beaver Meadow Loop 4.5 · Easy · Rocky Mountain National Park 1.1 mi Distance 114 ft Elevation gain 0.5-1 hr Estimated time Loop This leisurely loop takes you through open meadows and Ponderosa Pine woodlands. There are lots of great spots to stop and check out the Nice choice. Remember, elk are out and about, so keep a safe distance if you see any. No elk today, but the kids chased some chipmunks! Now we're all starving. What's an easy dinner we can make at the cabin? Instacart Fresh Grocery 6% service fee ($2.50 min) Ground Beef Sirloin Patties $12.99 1 ct Brioche Burger Buns $5.99 $7.99 1 ct Sliced American Cheese $4.19 1 ct +5 more items Delivery by 4:30 pm Item subtotal 1012 Rocky Rd $35.72 Checkout Here's an order I can send straight to the cabin. Let me know if you want to swap anything.
Camera
Static screen capture, then a subtle zoom into the 'Upper Beaver Meadow Loop' detail page, followed by a slight pan to reveal more text.
Motion
UI element reveals, text typing animation, app integration toggles, content carousel, and smooth transitions between app views.
Feature Teaser
Bedtime Stories & Core Value Proposition
“(No spoken dialogue — Orchestral synth pads and strings continue to build, with high-energy audio transitions and sub-bass drops at 0:22-0:23.)”
On screen
Kids are tucked in and we're ALL ready for bed. Know any cozy audiobooks we haven't heard yet? Perfect end to a big day out. Here are a few stories the whole family can snuggle up with tonight. Sonnet 4.6 Audible The Mystwick School of Musicraft By Jessica Khoury 8h 18m 16,226 The Weirdlies By Michael Buckley 1h 43m 4,764 The Dragon Squisher By Scott McCormick 9h 19m 2,002 Your favorite apps, now in one conversation Claude
Camera
Static screen capture, then a subtle zoom into the 'The Mystwick School of Musicraft' detail page, followed by a slight pan to reveal more text. Ends with a wide shot of a starry night sky.
Motion
UI element reveals, text typing animation, app integration toggles, content carousel, and smooth transitions between app views. Final scene features a subtle parallax scroll of stars.
Call to Action
Viva's Journey & Claude's Empowerment
“This is Viva's first time traveling alone. She's been planning this trip for months, and she's so proud of herself for making it happen. She's always been a little bit shy, but she's really come out of her shell on this trip. She's met so many new people and tried so many new things. She's even learned a few words of the local language. She's having the time of her life, and she can't wait to tell her family all about it when she gets home. She's already planning her next adventure.”
On screen
(No on-screen text)
Camera
Dynamic camera movements, including slow pans, subtle zooms, and tracking shots, following Viva's journey through various landscapes and activities.
Motion
Cinematic storytelling, character animation, environmental effects, and seamless scene transitions, all synchronized with the narrative.

Synthesizable in Remotion · key components of the smart-home-automation-launch template.

ChatBubbleTypewriter

Text appears within a rounded rectangular chat bubble, simulating a real-time typing effect, character by character. The bubble itself may subtly expand or animate into view.

+ Code construction recipe

Use Remotion's 'Sequence' and 'spring' for the bubble's entrance. For the typing effect, use 'interpolate' on the 'textLength' property of an SVG text element or dynamically render characters with a 'delay' prop on each character component.

AppCardCarousel

A series of app-like cards or content blocks slide horizontally into view, often with a slight parallax effect or a 'snap' to center, allowing users to browse options.

+ Code construction recipe

Implement with 'AbsoluteFill' and 'spring' for card entry/exit. Use 'useCurrentFrame' and 'interpolate' to control X-axis translation and opacity for a smooth carousel effect. Consider 'GestureDetector' for interactive swiping.

ContextualAppOverlay

An app interface or specific UI element seamlessly overlays a blurred or live-action background, appearing as if integrated into the real-world context.

+ Code construction recipe

Utilize 'AbsoluteFill' for the background video/image. Apply a 'blur' CSS filter to the background. Overlay the UI components using 'AbsoluteFill' and 'spring' for their entrance, ensuring z-index stacking. Use 'interpolate' for opacity and scale.