Summary
Nate Herk walks through a complete workflow for building visually premium, video-driven websites by chaining two AI tools: Higgsfield’s Seedance 2.0 for AI video generation and Claude Code running inside Visual Studio Code. The tutorial starts from scratch — covering VS Code installation, the Claude Code extension setup, API key or subscription configuration, and folder structure — before moving into the actual build process.
The core workflow has three stages: Claude Code generates cinematic video prompts based on a brand brief, those prompts are fed into Seedance 2.0 to produce short video clips (10-second clips run approximately 410 credits at 720p; 15-second clips cost around 625), and the resulting video files are handed back to Claude Code, which scaffolds a complete HTML/CSS website around them. Herk uses Claude Code’s plan mode and the built-in frontend design plugin to ensure the generated code matches the desired visual style before any files are written.
Three example sites are shown: an automotive showcase with canyon driving footage, an Apple-inspired AirPod Max product page with animated text overlays, and a branded site for Herk Advisory Group featuring a parallax scroll effect. Herk also compares working in the VS Code extension versus the terminal interface, noting that the terminal provides better visibility into model selection and token usage. The video targets complete beginners with no prior experience in either Claude Code or AI video generation.
📺 Source: Nate Herk | AI Automation · Published April 11, 2026
🏷️ Format: Tutorial Demo
