
Phonon is fast, local, open-source voice typing with Parakeet and Gemma 4. Uses OCR for screen context and stays minimal so you can talk to models.
The Hook
“Hey everyone, I'm excited to introduce a side project of mine called Phonon. Phonon is pure, fast, local ownership and control over your voice dictation setup.”
Product Reveal
“It brings everything completely local with the best possible quality. It's a work in progress, but I'm really excited about it. Let's go ahead and download it.”
Feature Teaser
“So I can go ahead and press this function key down here and as you'll see the little bulb down there opens up. Testing, one, two, three.”
Call to Action
“So that's using Parakeet 0.6V2 and Gemma 4 E2B instruction tune 4-bit for MLX. This is the first version of Phonon. It's got a GitHub repo. I'm going to be updating it frequently. It's got customizable settings and functionality.”
Synthesizable in Remotion · key components of the founder-dev-tool-launch template.
A screen recording of a desktop or web application is presented as the primary visual, with a small picture-in-picture video of the presenter in the bottom right corner. UI elements within the screen recording are interactable and highlighted by the cursor.
Use a <Video> component for the screen recording, a <AbsoluteFill> for the presenter's webcam feed positioned with CSS. Implement cursor movement and UI highlights using <Sequence> and <interpolate> for position and opacity, triggered by specific timestamps.
Content within an application window or web page scrolls smoothly to reveal new information or settings, mimicking user interaction. Specific UI elements are clicked or hovered over, showing their active states.
Utilize <Sequence> to define scroll start and end points. Animate the 'scrollTop' property of a scrollable container using <spring> for natural easing. Implement hover/click states with CSS transitions or <interpolate> for opacity/scale changes on target elements.
The video seamlessly transitions between different browser tabs or application windows, maintaining the overall screen capture context. This is achieved by showing the browser's tab bar and then switching to a new tab's content.
Employ multiple <Video> components for each screen capture segment. Use <AbsoluteFill> and <Sequence> to layer and reveal these videos. A quick cross-fade or a hard cut can simulate tab switching, with a brief moment showing the browser's tab bar for context.
Purpose. To establish the founder's credibility and introduce the product as a passion project, building trust and relatability.
Execution. Founder's face in a picture-in-picture, directly addressing the camera, while the product's landing page is displayed prominently.
Purpose. To demonstrate the product's core functionality and ease of use through a step-by-step installation and setup guide.
Execution. Detailed screen recording of the installation process, navigating through app settings, and granting permissions, all guided by the founder's voice.
Purpose. To showcase the product's immediate value and performance with a real-time demonstration of its primary feature.
Execution. Live dictation on the desktop, showing text appearing instantly, reinforcing the 'fast' aspect of the product.
Purpose. To appeal to a technically savvy audience by revealing the underlying technology and outlining future development, fostering community engagement.
Execution. Displaying technical details on Hugging Face and GitHub, followed by a quick tour of advanced app settings like History and Dictionary.
Objective
Launch a new local-first, open-source code editor with AI-powered refactoring.How the recipe adapts
The video would open with the founder introducing the code editor, showing its landing page. Then, a screen recording would demonstrate downloading and installing the editor, configuring local AI models, and setting up project directories. The live demo would involve the founder coding, using voice commands for refactoring, and showcasing the local AI's real-time suggestions. The conclusion would highlight the editor's GitHub repository, the specific AI models used, and the community-driven development roadmap.Scene durations (5 scenes, 152.9s)
Key Remotion components

Bolt v2 pairs Claude Code and Codex agents with built-in hosting, database and storage so apps ship without setup.

Anthropic introduces Cowork, which brings the Claude Code way of delegating tasks to everyday, non-technical work.
Making life multiplanetary