
Here's probably the best Claude Cowork tutorial under 25 minutes. It is by Tina Huang ( ex-Meta data scientist).
The Hook
“(No spoken dialogue — Driving electronic rhythm with retro pixel art sound effects.)”
Product Reveal
“(No spoken dialogue — Electronic music continues, subtle UI sound effects for clicks and typing.)”
Feature Teaser
“(No spoken dialogue — Upbeat electronic music with sound design for UI interactions and transitions.)”
Call to Action
“(No spoken dialogue — Consistent electronic music score, with occasional ambient sound design and UI clicks.)”
Synthesizable in Remotion · key components of the pixelated-productivity-showcase template.
A retro 8-bit pixel art scene with a large text box displaying the product name, followed by a quick cut to a live-action founder. Elements like trees and ground are distinctly pixelated.
Utilize Remotion's Canvas API for pixel-perfect rendering of sprites and background tiles. Implement a `Sequence` component for timing the text reveal and the abrupt cut. Use `spring` for subtle bounce on text elements and `interpolate` for opacity fades.
Screen recordings of UI interactions with a circular picture-in-picture (PIP) of the founder in the corner. The PIP often has a subtle border or shadow, and the screen content dynamically zooms or pans.
Employ `AbsoluteFill` for the screen recording, with `Video` component. Overlay a `Circle` component with `Img` for the founder's PIP, using `spring` for slight entry animation. Use `interpolate` on `scale` and `translate` properties for screen zooms/pans, driven by `useCurrentFrame`.
On-screen text and UI elements are highlighted, typed out, or have animated cursor interactions. This includes text appearing letter-by-letter, or boxes expanding to reveal content.
For typing effects, use `Sequence` and `interpolate` on `substring` or `width` properties of `Text` components. For highlights, use `spring` for `backgroundColor` or `border` animations. Cursor movement can be achieved with `AbsoluteFill` and `Img` components, animating `transform` properties with `interpolate`.
Purpose. Capture attention immediately with a unique, unexpected visual style and introduce the product name.
Execution. Pixel art intro sequence with bold, blocky text, followed by an abrupt cut to the founder.
Purpose. Demonstrate the product's core capabilities by solving common user problems through direct UI interaction.
Execution. Detailed screen recordings of the product organizing files and analyzing data, with the founder's PIP providing context.
Purpose. Elaborate on specific features and 'skills' of the AI agent, highlighting its versatility and power.
Execution. Animated skill cards, quick cuts between different use cases, and dynamic text highlights within the UI.
Purpose. Illustrate the breadth of the product's application across various workflows and hint at future possibilities.
Execution. Extended screen recordings of complex tasks, project overviews, and a final summary of 'Claude Code Workflows' with pixel art accents.
Objective
Launch video for 'FinFlow AI', an AI agent that automates personal budgeting and investment tracking.How the recipe adapts
The PixelArtIntroSequence would show a pixelated piggy bank transforming into a data graph, then cutting to the FinFlow AI founder. DynamicScreenPIP would feature the founder explaining how FinFlow AI categorizes transactions and projects future savings. AnimatedUITextHighlight would be used to show real-time budget adjustments and investment performance metrics, with a focus on green for gains and red for warnings.Scene durations (4 scenes, 1370.9s)
Key Remotion components
To ensure that artificial general intelligence benefits all of humanity

Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.

Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released