
SOMEONE CREATED A GITHUB REPO THAT LETS YOU RUN CLAUDE CODE COMPLETELY FOR FREE, FOREVER. It redirects your Claude Code traffic to 10 free providers like DeepSeek and Kimi, takes 5 minutes to set u…
The Hook
“(No spoken dialogue — consistent low-frequency hum with rhythmic percussive clicks)”
Problem Agitation
“(No spoken dialogue — consistent low-frequency hum with rhythmic percussive clicks)”
Product Reveal
“(No spoken dialogue — consistent low-frequency hum with rhythmic percussive clicks)”
Call to Action
“(No spoken dialogue — consistent low-frequency hum with rhythmic percussive clicks)”
Synthesizable in Remotion · key components of the developer-docs-scroll-showcase template.
A continuous, gentle vertical scroll of a web page or document, mimicking a user reading through content. The scroll speed is consistent and unhurried.
Implement using Remotion's <AbsoluteFill> and <Sequence> components. Use `interpolate` with `Easing.linear` for the `translateY` property of the content container, mapping frame progress to scroll position. Ensure the content height exceeds the viewport height.
A mouse cursor moves deliberately to specific text or UI elements, hovers briefly, and sometimes performs a 'click' action, indicated by a subtle visual highlight or ripple effect.
Use an SVG cursor asset animated with `spring` for position and `interpolate` for hover states (e.g., `scale` or `opacity` for a highlight effect). Trigger 'click' sound design on specific frames. Position the cursor using `AbsoluteFill` and `transform` properties.
A slow, almost imperceptible zoom into or out of a specific area of the screen, often combined with a gentle pan, to draw attention without abrupt cuts.
Apply `interpolate` to the `scale` and `translateX`/`translateY` CSS properties of the main content container. Use `Easing.easeOut` for a smooth start and end to the motion. This can be applied to a parent <AbsoluteFill> wrapping the content.
Purpose. To immediately establish the context of a valuable GitHub repository and pique developer interest with key metrics.
Execution. A close-up pan across the GitHub repo, highlighting star count and activity, setting a tone of credibility and popularity.
Purpose. To clearly articulate the product's core benefit and how it solves a common developer problem.
Execution. A zoom-out and scroll to reveal the 'Free Claude Code' headline and its explanation, detailing the proxy and provider routing.
Purpose. To inform the audience about the comprehensive capabilities and practical steps for implementation.
Execution. Continuous scrolling through detailed feature lists ('What You Get') and step-by-step installation instructions ('Quick Start').
Purpose. To demonstrate the product's flexibility and extensive integration options, encouraging adoption.
Execution. Further scrolling to showcase various provider configurations, CLI, VS Code, JetBrains, and bot integrations, emphasizing versatility.
Objective
Launch video for 'CodeFlow AI', a new VS Code extension that automates boilerplate code generation.How the recipe adapts
The video would open with a close-up of CodeFlow AI's GitHub repository, highlighting its star count and recent commits. It would then smoothly scroll down the README, showcasing the extension's core features like 'Smart Template Generation' and 'Contextual Snippet Insertion'. Installation instructions for VS Code would be presented with deliberate cursor movements, and a section on integrating with popular frameworks would be highlighted through a subtle pan. The entire sequence would be set against a low-frequency hum and rhythmic clicks, maintaining the original's atmospheric and informative tone.Scene durations (4 scenes, 28s)
Key Remotion components

xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.

Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.