Superset · Launch Video Breakdown: Hook, Pacing & Motion Design
Track token use across harnesses and accounts, switch accounts in one click, and drill into spend per workspace, repo, or session.
0:00 · The Hook · Token Usage Tracking
0:00 / 0:00
Scene-by-scene timeline & spoken transcript
The Hook
Token Usage Tracking
“(No spoken dialogue — Silent video with ambient UI sounds implied by cursor interaction.)”
- On screen
- Track token usage across all agents New Workspace Search Workspaces Automations Tasks Pull requests Usage PINNED Review post seed closing em... Find Apple developer relatio... CLOUD > Mobile Modal Submit UX I don't have access to any pull r... Token usage Machine resources Claude Code hoakiet98@gmail.com MAX Session (5h) Weekly Weekly · Fable extra $905.35 of $1000.00 Codex hoakiet98@gmail.com PRO Weekly Session (5h) · GPT-5.3-C... Default for new agents Official quota refreshes every 5 min + Add account kiet@superset.sh MAX Session (5h) Weekly Weekly · Fable TOKEN USAGE Jul 23 - Aug 21 API-rate estimates from local session logs $22,799* If billed at full API rate Cost to you: $0 Claude Code $22,424 98% Codex $375 2% Processed tokens 15.4B Cached input 14.8B · 97% Uncached input 18.7M Output 49.0M Cache savings $124,615 · 5.5x Aug 7 Aug 21 Cost Tokens 7d 30d 90d New Claude Code agents will use kiet@superset.sh. Relaunch running agents to switch them. Model Cost Share Tokens Workspace claude-fable-5 $21,267 93% 13.4B Hiring Check-in claude-opus-4-8 $807 3% 857.0M Research nested agents architecture and sidebar implementation
- Camera
- Static wide shot of the desktop application, with a cursor moving and interacting with UI elements.
- Motion
- Screen recording with animated cursor, highlighting interactive elements and data visualization changes.
Problem Agitation
Seamless Account Switching
“(No spoken dialogue — Silent video with ambient UI sounds implied by cursor interaction.)”
- On screen
- Switch accounts in one click Cost Tokens 7d 30d 90d Uncached input 18.7M Output 49.0M Cache savings $124,615 · 5.5x Aug 7 Aug 21 New Claude Code agents will use kiet@superset.sh. Relaunch running agents to switch them. All 389 → Cost 384.3M $653 453.4M $641 400.0M $632 440.0M $574 Add AI SDK Factory Tab picturesque-bayberry Improve remote workspa...
- Camera
- Close-up on the data visualization and a pop-up notification, then a quick zoom out.
- Motion
- Zoom-in and zoom-out with a focus on a specific UI interaction (account switch notification).
Product Reveal
Granular Spend Analysis
“(No spoken dialogue — Silent video with ambient UI sounds implied by cursor interaction.)”
- On screen
- Spend by agent Token usage Machine resources Weekly · Fable 58% Weekly extra $905.35 of $1000.00 Make default Codex hoakiet98@gmail.com Weekly Session (5h) · GPT-5.3-C... 0% 0% $555.41 credits TOKEN USAGE Jul 23 - Aug 21 API-rate estimates from local session logs $22,799* If billed at full API rate Cost to you: $0 Claude Code $22,424 98% Codex $375 2% Processed tokens 15.4B Cached input 14.8B · 97% Uncached input 18.7M Output 49.0M Cache savings $124,615 · 5.5x Aug 7 Aug 21 Cost Tokens 7d 30d 90d Cost or tokens, any range 15.4B Claude Code 14.9B 97% Codex 512.0M 3% 18.2B 17.5B · 97% 102.8M 58.9M $135,798 · 5.5x
- Camera
- Static wide shot of the application, with cursor interactions highlighting different data views and filters.
- Motion
- Interactive data filtering and graph updates, demonstrating dynamic data visualization.
Feature Teaser
Workspace & Resource Drilldown
“(No spoken dialogue — Silent video with ambient UI sounds implied by cursor interaction.)”
- On screen
- Per-workspace analytics Token usage Machine resources Workspaces Filter workspaces... Hiring Check-in Research nested agents architecture and sidebar implementation Add AI SDK Factory Tab with Self-improving Capabilities picturesque-bayberry Improve remote workspace and host onboarding flows with better UI guidance and auth han... Plugin system surface architecture research Main CUI user settings configuration and skill Usage page Daily Comms Triage Make sidebar groups removable and add drag/drop functionality Add quick design mode to browse and review workspace data Add drag and drop functionality to sidebar pins Create Notion meeting notes from calendar events v1-v2-auto-migrate Breakout in UI Mocking Terminal game creation under load Add CSP browser explorer as CLI agent for Superset automation. Click-down Analyze Kiet's video issue and summarize hiring prompter truthful-angle Cost Tokens 7d 30d 90d Drill into any workspace Usage Research nested agents architecture and sidebar implementation WORKSPACE $641* 5% of total cost: 453.4M tokens * at API-rate $450 $300 $150 $0.00 Jul 23 Aug 7 Aug 21 Models used claude-fable-5 428.4M $625 claude-opus-5 25.0M $16.67 Sessions top 4 by cost Cost please research how people like Orca's nested agent/workspace on x and how they... Aug 20 428.5M $619 Research the Orca ADE codebase at /Users/kiet/workplace/orca-ade (a clone of... Aug 16 18.5M $11.94 You are reviewing two stacked PRs in the git repo at /Users/kiet/superset/wo... Aug 20 2.8M $5.43 Explore the Superset monorepo at /Users/kiet/superset/worktrees/1c99c6eb-1b3... Aug 16 Machine resources Superset CPU 10.2% 12.32 GB System RAM 10% System memory 102.72 GB · 80% CPU cores 18 Load 4.42 Superset 12.32 GB Other apps 80.38 GB Free 15.28 GB 10.2% Superset memory last 5 min 12.32 GB PROCESS CPU MEMORY memory share Superset app Main 8.0% 1.99 GB Renderer 1.6% 507.5 MB Other 0.8% 311.8 MB SUPERSET 2.1% 9.10 GB Improve remote workspace and host onboarding flows with better UI guidance and auth han... 0.2% 1.58 GB Research nested agents architecture and sidebar implementation 0.0% 1.52 GB Claude 0.3% 1.53 GB Daily Mention Triage 0.0% 863.6 MB Terminal 725af00a 0.0% 7.5 MB Daily mention-triage automation for Superset 0.1% 856.1 MB Finish onboarding and revive plain task 0.0% 850.2 MB Onboarding completion 0.0% 880.8 MB Daily Comms Triage 0.0% 791.8 MB Daily Github issue triage 0.0% 778.8 MB Terminal ec08850e 0.0% 7.5 MB Superset issue triage automati... 0.0% 768.9 MB Improve Superset shell script scor... 0.0% 768.9 MB Supersalt.sh score improvement 0.0% 766.2 MB Review post seed closing email for missing items besides insurance 0.0% 7.5 MB Terminal 14e5f864 0.0% 768.9 MB Post seed closing email review 0.0% 766.2 MB Find Apple developer relations contact through YC network 0.2% 754.7 MB Terminal 746d99d 0.0% 7.5 MB Apple dev rep contact 0.3% 747.5 MB Expand workspace box with content and add resize capability 1.1% 426.9 MB Terminal 156d66 0.0% 7.5 MB Workspace box expansion and resizing 1.1% 419.5 MB
- Camera
- Panning and zooming across different sections of the application, highlighting workspace and machine resource analytics.
- Motion
- Dynamic camera movements (pan, zoom) to guide the viewer through complex UI sections, combined with interactive data updates.
Motion design primitives
Synthesizable in Remotion · key components of the developer-tool-dark-mode-analytics template.
InteractiveDataGraph
A line graph with multiple data series dynamically updates as the user interacts with filters or time ranges. Specific data points or areas are highlighted on hover or click.
+ Code construction recipe
Use Remotion's `interpolate` for smooth line drawing based on data points over time. Implement `spring` for hover effects on data points. Utilize SVG paths for graph lines and circles for data points, with `fill` and `stroke` animations.
ZoomPanUIExploration
The camera smoothly zooms into and pans across different sections of a complex user interface, drawing attention to specific features or data points.
+ Code construction recipe
Utilize `AbsoluteFill` with `scale` and `translate` CSS properties animated using `interpolate` or `spring` to simulate camera zoom and pan. Overlay a custom animated cursor component to guide the viewer's eye.
Style DNA & aesthetic system
Dimension
Style DNA
Craft detail
Visual aesthetic
A clean, dark-mode UI aesthetic with minimalist design, focusing on data clarity and interactive elements. The overall feel is sophisticated and developer-centric.
—
Typography
Predominantly Grotesque Sans-serif for UI elements and data labels, ensuring high readability. Monospace fonts are used for code-related text, maintaining a technical and precise feel.
—
Motion
Pacing is deliberate and informative, with smooth, quick transitions. Spring damping is moderate, providing a responsive but not overly bouncy feel. Interpolation curves are primarily ease-in-out for a professional flow.
—
Special effects
Subtle lens blur during transitions, no dither or scanlines. Minimal motion blur applied to cursor movements for realism.
—
Pacing & rhythm
The editing cadence is slow, with only 2 cuts/minute, allowing viewers to absorb the detailed UI interactions and data changes.
—
Conceptual story rhythm
- 1
Overview & Navigation
Purpose. Introduce the core functionality of tracking token usage and navigating the application.
Execution. Wide shot of the application, cursor interacting with the sidebar to select 'Usage'.
- 2
Key Feature Highlight
Purpose. Demonstrate a critical pain point solution: seamless account switching.
Execution. Zoom-in on the account switching interaction and the resulting data update.
- 3
Deep Dive Analytics
Purpose. Showcase the granular data analysis capabilities for spend and tokens.
Execution. Cursor interacting with filters and time ranges, dynamically updating the data graphs.
- 4
Comprehensive Monitoring
Purpose. Illustrate the ability to drill down into workspace and machine resource metrics.
Execution. Panning and zooming across different tabs and sections, revealing detailed performance data.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Recreate the Superset launch video's motion design style for a new developer tool. Focus on a dark-mode UI, clean Grotesque Sans typography, and smooth, deliberate cursor-driven interactions. Emphasize dynamic data visualization with interactive line graphs and responsive sidebar navigation. Use subtle lens blur for transitions and moderate spring damping for UI elements. The camera should smoothly pan and zoom to highlight key features and data points, maintaining a slow, informative pacing.
Sample remix
Objective
A new observability platform for microservices that tracks latency and error rates across different environments.How the recipe adapts
The dark-mode UI will be adapted to the observability platform's branding, maintaining high contrast for data. The 'InteractiveDataGraph' primitive will visualize latency and error rate trends, with the cursor highlighting specific spikes or anomalies. The 'DynamicSidebarNavigation' will allow users to switch between services, environments, and timeframes. The 'ZoomPanUIExploration' will guide viewers through detailed trace views and resource utilization dashboards, demonstrating the platform's ability to drill down into specific microservice performance issues.Remix blueprint · developer-tool-dark-mode-analytics
Scene durations (4 scenes, 29s)
5s
6s
9s
9s
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
Hook 8.9204.0M
SpaceXAIDeveloper Tools
xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.
@SpaceXAI
Hook 8.873.2M
xAIDeveloper Tools
Agentic CLI for coding, building apps, and automating workflows.
@SpaceXAI
Hook 9.226.5M
Sakana AIDeveloper Tools
Sakana AI launches Fugu, a multi-agent orchestration system served through a single model API, led by its Fugu Ultra model.
@SakanaAILabs