flowstate-cua · Launch Video Breakdown: Hook, Pacing & Motion Design
flowstate-cua is a 155 GB dataset for training AI agents on fluid and heat simulations, with 8,260 worked examples and 269,058 interactions.
Scene-by-scene timeline & spoken transcript
The Hook
Introducing flowstate-cua: A Dataset for Fluid & Heat Simulation
“(No spoken dialogue — Driving electronic beat with pizzicato synths and sub-bass drops.)”
- On screen
- flowstate-cua is a dataset for fluid and heat simulation. we recorded 8,260 examples of analyzing simulation data in paraview. each example includes the task, screenshots, actions, and saved results. the recordings contain 269,058 interactions. scientific collection: 15 goals, 6 layouts use the data to train and test models that operate simulation software. we generated the simulation fields and recorded the work in paraview.
- Camera
- Static wide shot of the ParaView UI, with elements highlighting or appearing dynamically.
- Motion
- Text reveals with underlines, numerical counters, and dynamic UI element highlights. Screenshots and text blocks slide in and out.
Problem Agitation
Defining the Simulation Challenge
“(No spoken dialogue — Electronic beat continues with a subtle build-up.)”
- On screen
- one task: how much of this domain is above 320 kelvin? this domain
- Camera
- Static shot of the ParaView UI, focusing on the 3D simulation view.
- Motion
- Text appears with a subtle fade-in, highlighting a specific question related to the simulation data.
Product Reveal
Step-by-Step Solution with flowstate-cua
“(No spoken dialogue — High-energy audio transitions with risers and impactful sub-bass drops accompany scene changes.)”
- On screen
- 01 select the hot cells task: how much of this domain is above 320 kelvin? recorded demonstration, steps time-compressed tool read_csv threshold_cells.csv 02 measure both volumes task: how much of this domain is above 320 kelvin? recorded demonstration, steps time-compressed key ctrl+s key alt+a 03 calculate the fraction task: how much of this domain is above 320 kelvin? recorded demonstration, steps time-compressed key alt+f calculated from the exported volumes hot volume 0.000351 m³ total volume 0.001296 m³ 2.71% of the domain is above 320 kelvin. hot volume / total volume, checked against the source field
- Camera
- Static shots of the ParaView UI, with specific UI elements and data points highlighted or animated.
- Motion
- Numbered steps animate in, UI elements are highlighted with bounding boxes, and numerical results appear with a punchy reveal. Key presses are animated on screen.
Call to Action
Download flowstate-cua Now
“(No spoken dialogue — The electronic beat maintains its energy, concluding with a final impactful sound design element.)”
- On screen
- flowstate-cua download the dataset on hugging face huggingface.co/datasets/ harrrshall/FluidThermal-CUA 8,260 examples · 269,058 interactions original code, fields and annotations: mit license
- Camera
- Static wide shot of the ParaView UI, with the focus shifting to the call to action text.
- Motion
- URL and license information appear with a clean fade-in. The overall scene is clean and direct, reinforcing the call to action.
Motion design primitives
Synthesizable in Remotion · key components of the tech-product-ui-showcase template.
DynamicTextUnderlineReveal
A line animates from left to right, appearing beneath a headline, followed by the headline text fading or sliding in. This creates a clean, focused introduction for key information.
+ Code construction recipe
Use Remotion's <AbsoluteFill> for layout. Animate a <Line> component's width using `interpolate` with `spring` for a smooth, elastic reveal. Follow with a `Sequence` to animate the text opacity or `translateX`.
NumericalCounterHighlight
Large numbers animate up or down to their final value, often accompanied by a color change or a subtle glow, emphasizing key statistics. This is used for dataset size and interaction counts.
+ Code construction recipe
Implement a custom React component that takes a target number. Use `useCurrentFrame` and `interpolate` to animate the number's value over time. Apply a `spring` for the final bounce. Text color can also be interpolated.
UIElementSpotlight
Specific elements within a software UI (like buttons, input fields, or data tables) are highlighted with a bounding box or a subtle glow, drawing attention to the interaction points. Text labels for key presses appear dynamically.
+ Code construction recipe
Overlay transparent `<div>` elements with `border` or `box-shadow` properties animated using `interpolate` for opacity and scale. Use `Sequence` to time the appearance of associated text labels (e.g., 'key ctrl+a') with a `spring` animation for position.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Introduction & Scope
Purpose. Introduce the dataset and its purpose, establishing its scale and utility for AI agents.
Execution. Product name reveal, followed by animated statistics (8,260 examples, 269,058 interactions) and a quick overview of the data's components (tasks, screenshots, actions).
- 2
Problem & Application
Purpose. Present a concrete problem that the dataset helps solve, demonstrating its practical application.
Execution. A specific task (e.g., 'how much of this domain is above 320 kelvin?') is posed, setting up the subsequent demonstration.
- 3
Demonstration & Solution
Purpose. Walk through a time-compressed demonstration of using the dataset within simulation software to solve the posed problem.
Execution. Numbered steps (select hot cells, measure volumes, calculate fraction) are animated, with UI elements highlighted and key presses shown, culminating in the final numerical answer.
- 4
Call to Action & Credits
Purpose. Direct users to where they can access the dataset and provide necessary licensing information.
Execution. Clear display of the download URL (Hugging Face), reiteration of key statistics, and MIT license information.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new AI-powered code refactoring tool called 'CodeFlow'.How the recipe adapts
The 'CodeFlow' video would open with the product name using DynamicTextUnderlineReveal. Key features like 'Automated Bug Fixes' or 'Performance Optimizations' would be introduced with similar text animations. Instead of ParaView, the UIElementSpotlight primitive would highlight specific code editor elements (e.g., a 'Refactor' button, a highlighted code block showing changes). NumericalCounterHighlight would showcase metrics like '95% Code Quality Improvement' or 'Reduced 10,000 Lines of Boilerplate'. The fast-cut rhythm would emphasize quick, efficient refactoring actions, synchronized with driving electronic music. The call to action would direct users to a 'Try CodeFlow Now' link.Remix blueprint · tech-product-ui-showcase
Scene durations (4 scenes, 40s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
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.