Create tutorial videos from documentation URLs with Claude, Google TTS, Remotion and YouTube
This automated n8n workflow converts any technical documentation or blog post URL into a professional, step-by-step developer tutorial video complete with AI-generated narration, code syntax highlighting, terminal com...
Template notes
This automated n8n workflow converts any technical documentation or blog post URL into a professional, step-by-step developer tutorial video complete with AI-generated narration, code syntax highlighting, terminal command animations, and visual diagrams. The system intelligently analyzes documentation structure, extracts code examples, generates natural voiceover narration, creates synchronized visual scenes, and automatically publishes the finished video to YouTube with SEO-optimized descriptions.
Fundamental Aspects
- Webhook-Based Trigger: Accepts HTTP POST requests containing a documentation URL to initiate the automated video creation pipeline on-demand. - Intelligent Content Extraction: Fetches HTML content, parses documentation structure, extracts code blocks with language detection, identifies headings for organization, and cleans irrelevant elements like navigation and scripts. - AI-Powered Tutorial Planning: Uses Claude AI to analyze documentation content and generate a comprehensive tutorial outline including section titles, duration estimates, narration scripts, visual types (code/terminal/diagram), and learning outcomes. - Professional Audio Generation: Converts narration scripts into high-quality audio using Google Cloud Text-to-Speech with natural-sounding neural voices, proper pacing, and timing synchronization. - Dynamic Visual Scene Creation: Generates code editor scenes with syntax highlighting and typewriter effects, terminal animations with command execution sequences, flowchart diagrams with progressive reveals, and text overlays with key points. - Automated Video Rendering: Combines audio narration with visual scenes using Remotion API to render publication-ready videos in 1080p resolution at 30fps with smooth transitions. - Multi-Platform Distribution: Automatically uploads completed videos to YouTube with AI-generated titles and descriptions, backs up to Google Drive for archival, and returns comprehensive metadata via webhook response.
Setup Instructions
- Import the Workflow into n8n: Download the workflow JSON file and import via n8n interface under "Workflows" → "Import from File" option.
- Configure Claude AI (Anthropic) Credentials: - Navigate to the "Analyze with Claude AI" node and click the credentials dropdown. - Create new Anthropic credentials using your API key from console.anthropic.com. - Ensure you have access to Claude Sonnet 4 model (claude-sonnet-4-20250514). - Save and test the connection to verify API access.
- Set Up Google Cloud Text-to-Speech: - Go to Google Cloud Console and enable the Text-to-Speech API. - Create a service account with "Cloud Text-to-Speech User" role. - Generate and download a JSON key file for the service account. - In n8n, navigate to "Generate Audio with Google TTS" node and add service account credentials. - Upload the JSON key file when prompted.
- Configure Remotion API for Video Rendering: - Sign up for a Remotion account at remotion.dev and obtain API credentials. - In the "Render Video with Remotion" node, add HTTP Header Auth credentials. - Set authorization header with your Remotion API key. - Ensure you have a Remotion composition named "TutorialVideo" deployed. - Note: You may need to create a custom Remotion project for code highlighting and terminal animations.