
The Hook
“(No spoken dialogue — Dynamic electronic score with pizzicato synths and sub-bass drops. High-energy audio transitions.)”
Product Reveal
“(No spoken dialogue — Electronic score continues with building energy, punctuated by sound design elements.)”
Feature Teaser
“(No spoken dialogue — Energetic electronic music with a strong beat and sound effects for transitions.)”
Call to Action
“(No spoken dialogue — The electronic score builds to a climax with a final sub-bass drop and a concluding flourish.)”
Synthesizable in Remotion · key components of the ai-agent-ui-showcase template.
UI elements (windows, chat bubbles, notifications) rapidly scale and fade in from a slightly offset position, often accompanied by a subtle bounce or spring effect.
Utilize `spring()` for scale and opacity, with a slight `translateX` or `translateY` offset at the start. Stagger delays for multiple elements.
Text appears character by character or word by word, simulating typing or a quick, deliberate reveal, often within a chat bubble or as a headline.
Implement `interpolate()` on `opacity` and `translateX` for each character or word, with a calculated delay based on its position in the string. Use a monospace font for typing effect.
Subtle, animated gradient noise textures are overlaid on background elements or as transitions, adding a modern, digital grit to the clean UI.
Employ SVG filters with `feTurbulence` and `feColorMatrix` for noise generation, animated via `animate` tags or CSS `transform` on a parent container. Blend with a gradient using `mix-blend-mode`.
Purpose. Quickly establish the problem of manual, disparate tasks and introduce Team Bots as the integrated solution.
Execution. Rapid cuts showing various app interfaces (Sheets, Notion, GitHub) with a central text bubble articulating the problem, followed by the 'Create new Team Bot' action.
Purpose. Showcase the core capabilities of Team Bots across different use cases (sales, marketing, engineering).
Execution. Sequential scenes demonstrating Team Bots handling tasks in different contexts, with relevant app UIs and chat interactions.
Purpose. Highlight how easily Team Bots can be integrated into existing workflows and shared within a team.
Execution. A scene showing the 'Rolodex is live for your team' modal with 'Copy link' and 'Add to Slack' buttons, emphasizing seamless adoption.
Purpose. Conclude with a strong brand identity and a clear call to action for integration.
Execution. Kinetic typography revealing 'Bring your Team Bots into Slack' and 'Grok Bot', followed by quick notification examples and a final logo reveal.
Objective
Launch a new AI-powered project management tool called 'FlowState AI' that integrates with Jira, Asana, and Google Calendar.How the recipe adapts
The FlowState AI video would adapt the style by showing rapid pop-ins of Jira, Asana, and Google Calendar interfaces. Text reveals would highlight how FlowState AI automates task creation, schedules meetings, and updates project statuses. Instead of sales/marketing/engineering bots, the video would feature 'Project Bot', 'Scheduler Bot', and 'Analytics Bot', each with a distinct accent color and associated gradient noise overlay. The final call to action would be 'Integrate FlowState AI into your workflow' with a logo reveal.Scene durations (4 scenes, 27s)
Key Remotion components
To ensure that artificial general intelligence benefits all of humanity

Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use. Its capabilities exceed those of any model we’ve ever made generally available. https://t.co/2AvmEjHIX8
To understand the true nature of the universe.