
Diffusion Studio MCP + Chat lets you edit videos by describing what you want, inside the app or through an external AI agent.
The Hook
“Edit videos with Claude. Turn your agent into a video editor. Every edit is written to a real codebase that coding agents can read, write, and render. Studio.”
Problem Agitation
“under the hood. formats are JSON and pretty straightforward. TS and YAML files, mod to write the changes into a”
Product Reveal
“you create within the app will be the contents look So if I change a the editor updates. Let's add a video. scene,”
Feature Teaser
“We can close Cursor. Once we selected a model, And here's the timeline restart the inspection. certain properties, it out and let us know”
Synthesizable in Remotion · key components of the code-native-ai-launch template.
Text appears with a blocky, pixelated effect, as if being rendered from a low-resolution source, then resolves into clear, outlined text.
Use Remotion's <Text> component with a custom shader or SVG filter that applies a pixelation effect. Animate the 'pixel-size' property from large to zero, or use a series of <Sequence> components with progressively less pixelated text layers.
Diagram elements (shapes, lines, text) animate onto the screen as if being drawn by hand, with a slightly imperfect, organic feel.
Utilize Remotion's <Path> component with `stroke-dasharray` and `stroke-dashoffset` properties animated to create a 'drawing' effect. For shapes, animate `clipPath` or `mask` properties. Text can appear with a `typewriter` effect or a subtle `scale` and `opacity` animation.
Changes made in a code editor pane are instantly reflected in a visual UI preview pane, demonstrating real-time synchronization.
Implement two synchronized <Sequence> components: one displaying the code editor with text changes (e.g., using `interpolate` for character by character reveal or `opacity` for line changes), and another displaying the UI preview with corresponding visual updates (e.g., `backgroundColor` or `transform` changes based on code variables).
Purpose. Introduce the core value proposition: AI-powered video editing through code.
Execution. Pixelated text animation revealing 'CLAUDE CODE' and 'Edit videos with Claude', followed by a clean product landing page.
Purpose. Explain the technical innovation by contrasting traditional NLEs with Diffusion Studio's code-native approach.
Execution. Animated hand-drawn diagrams illustrating data flow for both traditional and code-native video editing systems.
Purpose. Demonstrate the seamless integration of code and visual editing within the Diffusion Studio interface.
Execution. Screen recordings showing real-time updates in the visual editor as code is modified in an adjacent pane, including adding media and changing properties.
Purpose. Showcase the power of AI agents to automate complex editing tasks through natural language prompts.
Execution. Demonstrations of interacting with AI agents via chat, configuring external connections, and observing AI-generated video edits.
Objective
Launch a new AI-powered web development framework that generates front-end code from design mockups.How the recipe adapts
The video would open with a pixelated text reveal of 'Design to Code AI'. Animated hand-drawn diagrams would illustrate the framework's architecture, showing how design inputs are processed into code. The core demonstration would feature a split-screen showing a design tool on one side and a code editor on the other, with real-time code generation as design elements are manipulated. AI agent chat prompts would demonstrate generating complex UI components from natural language. The overall aesthetic would retain the dark-mode UI and ambient electronic score, with the founder explaining the features in a picture-in-picture format.Scene durations (4 scenes, 436s)
Key Remotion components
AI is already smart enough. Real-world tasks are still slow, expensive and unreliable, because we hand AI a computer built for humans, then wrap it in a heavy harness. AI doesn’t need to get smarter
Big day 🔥 🚀 Introducing Dolphin AI - an agentic AI studio for complete video production. The story of Dolphin is very interesting. It didn’t start as a product. It started as an internal tool. W

A vibe design partner with an AI-native canvas for turning ideas into UI.