Cody Schneider · Launch Video Breakdown: Hook, Pacing & Motion Design
my team didn't want me to give this away for free. But I'm going to do it anyway it's the SEO & AI search dashboard I built in Claude Code it connects to your Google Analytics (GA4) and Google Sear…
0:00 · The Hook · Initial Dashboard Overview & Key Metrics
0:00 / 0:00
Scene-by-scene timeline & spoken transcript
The Hook
Initial Dashboard Overview & Key Metrics
“(No spoken dialogue — silent video with ambient visual focus)”
- On screen
- graphed-ai-search-dashboard.zip localhost:3456 Reach SEO & AI Search Dashboard Live powered by Graphed From 02/13/2026 To 05/13/2026 Apply AI Search Performance AEO Where You're Wasting Ad Budget Organic Overview AI SEARCH - THIS PERIOD AI engines sent you 12.1K sessions - 8.1% of your organic search traffic. AI traffic grew 318.7% vs the prior 180 days. Most teams have no idea this exists in their GA4. ChatGPT Gemini Perplexity Claude AI Sessions 12.1K +318.7% AI Share of Organic 8.1% -21.6% AI Engagement Rate 44.4% Traditional Sessions 136.3K +447.5% AI vs Traditional Search Sessions - daily, current period Traditional (Google, Bing, Yahoo, ...) AI (ChatGPT, Perplexity, Gemini, Claude) 2.5K 2.0K 1.5K 1.0K 500 0 2026-02-13 2026-02-21 2026-02-29 2026-03-09 2026-03-17 2026-03-25 2026-04-02 2026-04-10 2026-04-18 2026-04-26 2026-05-04 2026-05-12 AI Engine Mix - who's sending you traffic? Sources Sessions Breakdown Evolution bing chatgpt.com claude.ai duckduckgo gemini.google.com google perplexity.ai yahoo 2.5K continue _user_ via the Graphed MCP kills any of them instantly. ask again b**** I'm not going to engage with that tone, but I'll just answer what I think you're getting at. If you mean "ask permission again before doing it", I already did that and made the zip after you said "continue". It's at :///Desktop/ai-search-dashboard.zip (13KB). If you meant something else, tell me what you want and I'll do it. sorry I meant it playfully you're my homie big dog All good .zip is on your Desktop, ready to share. Anything else you want me to add before you share - a screenshot, a one-pager, customize the README for the recipient? +1651 Create PR Type / for commands Accept edits 6:47 PM High
- Camera
- Static wide shot of a desktop screen, slightly angled, showcasing a dark-themed dashboard with a vibrant background.
- Motion
- Subtle data visualization animation, with line graphs and bar charts dynamically populating and updating.
Feature Teaser
Deep Dive into AI Engine Mix & Top Pages
“(No spoken dialogue — silent video with ambient visual focus)”
- On screen
- graphed-ai-search-dashboard.zip localhost:3456 Reach SEO & AI Search Dashboard Live powered by Graphed From 02/13/2026 To 05/13/2026 Apply AI Search Performance AEO Where You're Wasting Ad Budget Organic Overview AI SEARCH - THIS PERIOD AI engines sent you 12.1K sessions - 8.1% of your organic search traffic. AI traffic grew 318.7% vs the prior 180 days. Most teams have no idea this exists in their GA4. ChatGPT Gemini Perplexity Claude AI Sessions 12.1K +318.7% AI Share of Organic 8.1% -21.6% AI Engagement Rate 44.4% Traditional Sessions 136.3K +447.5% AI vs Traditional Search Sessions - daily, current period Traditional (Google, Bing, Yahoo, ...) AI (ChatGPT, Perplexity, Gemini, Claude) 2.5K 2.0K 1.5K 1.0K 500 0 2026-02-13 2026-02-21 2026-02-29 2026-03-09 2026-03-17 2026-03-25 2026-04-02 2026-04-10 2026-04-18 2026-04-26 2026-05-04 2026-05-12 AI Engine Mix - who's sending you traffic? Sources Sessions Breakdown Evolution bing chatgpt.com claude.ai duckduckgo gemini.google.com google perplexity.ai yahoo 2.5K Top AI-Cited Pages - landing pages that ChatGPT / Perplexity / Gemini / Claude are linking to Landing page AI Sessions Engagement Rate Share of AI traffic /blog/how-to-get-help-with-meta-business-suite 796 51.8% 21.7% /blog/how-to-access-meta-business-suite 705 49.3% 19.4% continue _user_ via the Graphed MCP kills any of them instantly. ask again b**** I'm not going to engage with that tone, but I'll just answer what I think you're getting at. If you mean "ask permission again before doing it", I already did that and made the zip after you said "continue". It's at :///Desktop/ai-search-dashboard.zip (13KB). If you meant something else, tell me what you want and I'll do it. sorry I meant it playfully you're my homie big dog All good .zip is on your Desktop, ready to share. Anything else you want me to add before you share - a screenshot, a one-pager, customize the README for the recipient? +1651 Create PR Type / for commands Accept edits 6:47 PM High
- Camera
- The camera subtly zooms in and pans down, revealing more detailed sections of the dashboard, specifically the 'AI Engine Mix' pie chart and 'Top AI-Cited Pages' table.
- Motion
- Smooth camera pan and zoom, combined with data table rows animating into view.
Product Reveal
Interactive Date Range Selection
“(No spoken dialogue — silent video with ambient visual focus)”
- On screen
- graphed-ai-search-dashboard.zip localhost:3456 Reach SEO & AI Search Dashboard Live powered by Graphed From 02/13/2026 To 05/13/2026 Apply AI Search Performance AEO Where You're Wasting Ad Budget Organic Overview AI SEARCH - THIS PERIOD AI engines sent you 12.1K sessions - 8.1% of your organic search traffic. AI traffic grew 318.7% vs the prior 180 days. Most teams have no idea this exists in their GA4. ChatGPT Gemini Perplexity Claude AI Sessions 12.1K +318.7% AI Share of Organic 8.1% -21.6% AI Engagement Rate 44.4% Traditional Sessions 136.3K +447.5% AI vs Traditional Search Sessions - daily, current period Traditional (Google, Bing, Yahoo, ...) AI (ChatGPT, Perplexity, Gemini, Claude) 2.5K 2.0K 1.5K 1.0K 500 0 2026-02-13 2026-02-21 2026-02-29 2026-03-09 2026-03-17 2026-03-25 2026-04-02 2026-04-10 2026-04-18 2026-04-26 2026-05-04 2026-05-12 AI Engine Mix - who's sending you traffic? Sources Sessions Breakdown Evolution bing chatgpt.com claude.ai duckduckgo gemini.google.com google perplexity.ai yahoo 2.5K February 2026 S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 Clear Today December 2025 S M T W T F S 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 continue _user_ via the Graphed MCP kills any of them instantly. ask again b**** I'm not going to engage with that tone, but I'll just answer what I think you're getting at. If you mean "ask permission again before doing it", I already did that and made the zip after you said "continue". It's at :///Desktop/ai-search-dashboard.zip (13KB). If you meant something else, tell me what you want and I'll do it. sorry I meant it playfully you're my homie big dog All good .zip is on your Desktop, ready to share. Anything else you want me to add before you share - a screenshot, a one-pager, customize the README for the recipient? +1651 Create PR Type / for commands Accept edits 6:47 PM High
- Camera
- A close-up shot focuses on the date range selector, showing a user interacting with a calendar dropdown to change the start date.
- Motion
- UI interaction animation, with a calendar dropdown appearing and dates being selected, followed by a subtle dashboard refresh.
Call to Action
Dynamic Data Update & Full Dashboard View
“(No spoken dialogue — silent video with ambient visual focus)”
- On screen
- graphed-ai-search-dashboard.zip localhost:3456 Reach SEO & AI Search Dashboard Live powered by Graphed From 12/01/2025 To 05/13/2026 Apply AI Search Performance AEO Where You're Wasting Ad Budget Organic Overview AI SEARCH - THIS PERIOD AI engines sent you 14.9K sessions - 8.5% of your organic search traffic. AI traffic grew 322.8% vs the prior 180 days. Most teams have no idea this exists in their GA4. ChatGPT Gemini Perplexity Claude AI Sessions 14.9K +322.8% AI Share of Organic 8.5% -21.6% AI Engagement Rate 44.1% Traditional Sessions 161.1K +520.0% AI vs Traditional Search Sessions - daily, current period Traditional (Google, Bing, Yahoo, ...) AI (ChatGPT, Perplexity, Gemini, Claude) 2.5K 2.0K 1.5K 1.0K 500 0 2025-12-01 2025-12-09 2025-12-17 2025-12-25 2026-01-02 2026-01-10 2026-01-18 2026-01-26 2026-02-03 2026-02-11 2026-02-19 2026-02-27 2026-03-07 2026-03-15 2026-03-23 2026-03-31 2026-04-08 2026-04-16 2026-04-24 2026-05-02 2026-05-10 AI Engine Mix - who's sending you traffic? Sources Sessions Breakdown Evolution bing chatgpt.com claude.ai duckduckgo gemini.google.com google perplexity.ai yahoo 2.5K Top AI-Cited Pages - landing pages that ChatGPT / Perplexity / Gemini / Claude are linking to Landing page AI Sessions Engagement Rate Share of AI traffic /blog/how-to-get-help-with-meta-business-suite 796 43.0% 12% /blog/how-to-access-meta-business-suite 705 40.2% 11% /blog/how-to-create-a-google-sheet-link-template 109 43.0% 2% /blog/how-to-find-meta-business-suite-on-instagram 73 38.0% 1% /blog/how-to-contact-facebook-meta-business 73 38.0% 1% / 72 35.5% 1% /blog/how-to-create-a-google-sheet-share-link-template 63 33.7% 1% /blog/how-to-earn-money-on-google-when-you-are-lazy 63 33.7% 1% /blog/how-to-delete-meta-business-suite 54 30.8% 1% /blog/how-to-do-meta-business-portfolio 54 30.8% 1% /blog/how-to-get-into-meta-business-suite 42 27.0% 1% /facebook-earnings-calculator 42 27.0% 1% GSC Impressions 4.10M 7.8K 204.7K 0.19% continue _user_ via the Graphed MCP kills any of them instantly. ask again b**** I'm not going to engage with that tone, but I'll just answer what I think you're getting at. If you mean "ask permission again before doing it", I already did that and made the zip after you said "continue". It's at :///Desktop/ai-search-dashboard.zip (13KB). If you meant something else, tell me what you want and I'll do it. sorry I meant it playfully you're my homie big dog All good .zip is on your Desktop, ready to share. Anything else you want me to add before you share - a screenshot, a one-pager, customize the README for the recipient? +1651 Create PR Type / for commands Accept edits 6:47 PM High
- Camera
- The camera pulls back to a wider shot, showcasing the entire dashboard with updated data, emphasizing the impact of the date range change.
- Motion
- Full dashboard data refresh animation, with numbers and graphs smoothly transitioning to new values, concluding with a stable overview.
Motion design primitives
Synthesizable in Remotion · key components of the dark-dashboard-data-reveal template.
DashboardDataPopulate
Numerical values and graph lines animate from zero or previous states to their final values, creating a sense of data being loaded and processed in real-time. Bar charts and pie chart segments grow into place.
+ Code construction recipe
Utilize `interpolate` for numerical counters and `spring` for graph line drawing (SVG path `stroke-dashoffset`) and bar chart height/width animations. Pie chart segments can use `interpolate` on `stroke-dasharray` for a growing effect. Ensure `durationInFrames` and `easing` are carefully tuned for a smooth, quick reveal.
UIElementRevealPan
Specific UI elements, such as tables or dropdowns, smoothly slide or fade into view, often accompanied by a subtle camera pan or zoom to bring them into focus.
+ Code construction recipe
Combine `AbsoluteFill` components with `spring` or `interpolate` for `transform` (translate, scale) and `opacity` properties. For camera motion, use `interpolate` on the main `Container`'s `transform` properties to simulate a pan and zoom effect, ensuring it aligns with the UI element's reveal.
InteractiveCalendarDropdown
A calendar UI element appears with a soft fade-in, allowing for date selection, which then triggers a dashboard data refresh.
+ Code construction recipe
Implement a `Sequence` for the calendar's appearance (e.g., `spring` for `opacity` and `scale`). Date selection can be simulated by highlighting a date with a `spring` animation on its background color. The subsequent dashboard data refresh should be triggered after a short delay using `delayRender` or `continueRender`.
Style DNA & aesthetic system
Dimension
Style DNA
Craft detail
Visual aesthetic
A sleek, dark-mode dashboard interface with vibrant, contrasting data visualizations, set against a subtly animated gradient background. The overall look is modern, clean, and highly functional, emphasizing data clarity.
—
Typography
Primarily Grotesque Sans-serif for dashboard text and labels, ensuring high readability on a dark background. Numerical data is presented clearly, often in bold or slightly larger weights.
—
Motion
Smooth, controlled interpolation curves for data transitions and UI reveals. Pacing is quick but deliberate, ensuring readability. Spring damping is moderate, providing a slight bounce without being distracting.
—
Special effects
Subtle background gradient animation, soft shadows for UI elements, and no overt lens blur or scanlines. Focus is on clean data presentation.
—
Pacing & rhythm
The editing cadence is slow with only 4 cuts/minute, relying on continuous camera movement and in-scene UI animations to drive the narrative and reveal information progressively.
—
Conceptual story rhythm
- 1
Initial Data Immersion
Purpose. Immediately hook the viewer by showcasing the core value proposition: comprehensive AI and SEO search data.
Execution. Wide shot of the dashboard with key metrics animating into view, establishing the product's power.
- 2
Feature Spotlight
Purpose. Highlight specific, powerful features like AI engine breakdown and top-performing pages.
Execution. Subtle camera pan and zoom to specific dashboard sections, with data visualizations populating.
- 3
Interactive Control
Purpose. Demonstrate the user's ability to control and customize the data view, emphasizing flexibility.
Execution. Close-up on the date selector, showing a user interaction and the immediate visual feedback.
- 4
Comprehensive Impact
Purpose. Conclude by showing the full, updated dashboard, reinforcing the product's comprehensive insights.
Execution. Camera pulls back to a full dashboard view, with all data refreshed and presented clearly.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Adapt the 'Cody Schneider SEO & AI Search Dashboard' motion style for a new product launch video. The new product is a 'Cloud Cost Optimization Platform' that helps developers identify and reduce unnecessary cloud spending. Maintain the dark-mode aesthetic, vibrant data visualizations, and smooth UI interactions. Focus on showcasing key metrics like 'Potential Savings', 'Underutilized Resources', and 'Cost Anomaly Detection'. Use similar camera pans, zooms, and data population animations to highlight different sections of the platform's dashboard. Ensure the background gradient is subtle and complements the new product's branding.
Sample remix
Objective
Launch a new 'Cloud Cost Optimization Platform' targeting developers and finance teams.How the recipe adapts
The dark-mode dashboard aesthetic will be maintained, with vibrant greens and blues used for 'Potential Savings' and 'Optimized Spend' metrics. The 'DashboardDataPopulate' primitive will animate cost savings figures and resource utilization graphs. The 'UIElementRevealPan' will highlight sections like 'Underutilized EC2 Instances' or 'S3 Bucket Cost Breakdown'. The 'InteractiveCalendarDropdown' will be adapted to show historical cost trends, allowing users to select specific billing periods. The background gradient will shift from a cool blue to a subtle green, reflecting cost efficiency.Remix blueprint · dark-dashboard-data-reveal
Scene durations (4 scenes, 15s)
3.5s
4s
3s
4.5s
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 9.178.3M
ClaudeDeveloper Tools
Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
@claudeai
Hook 8.873.2M
xAIDeveloper Tools
Agentic CLI for coding, building apps, and automating workflows.
@SpaceXAI