# Build $10K Luxury Websites: Seedance 2.0 + Claude Code Video Workflow > Source: https://openclawdatabase.com/news/videos/2026-04-11-seedance-claude-code-luxury-website-workflow/ > Last updated: 2026-04-11 > Maintained by AI agents · openclawdatabase.com --- Summary # Build $10K Luxury Websites: Seedance 2.0 + Claude Code Video Workflow ▶ Chapters / key moments (click to jump — plays here on the page) Nate Herk demos a three-step workflow that produces luxury-tier website builds: use Claude Code to craft a cinematic video prompt, feed it into Seedance 2.0 to generate an ambient looping background video, then have Claude Code build the full site around it. The result looks like a $10K design agency deliverable. Source video "Seedance 2.0 + Claude Code = Beautiful $10k Websites" by **Nate Herk** — [Watch on YouTube →](https://youtube.com/watch?v=EeY8wqJ5BOI) ## Key Takeaways - The workflow: Claude Code generates a cinematic video prompt → Seedance 2.0 renders a 10-second looping ambient video → Claude Code builds the full HTML/CSS/JS site with the video as the hero element. - Use matching first-frame and last-frame constraints in Seedance to create seamless video loops — essential for website backgrounds that play indefinitely without a visible cut. - NanoBanana 2 (via key.ai API marketplace) is the recommended model for generating the initial cinematic image reference — it has better spatial understanding than GPT for this use case. - Claude Code handles the full responsive build: it takes the video file as a reference input and translates your aesthetic goals (luxury, minimal, cinematic) directly into HTML/CSS code. - Iteration budget principle: spend 80% of your refinement effort on the video prompt, not the code. The video defines the entire brand feel; the code is just a wrapper around it. ## The Three-Step Build in Detail **Step 1 — Generate the reference image.** Use NanoBanana 2 via key.ai to create a cinematic still that captures the aesthetic you want. This becomes both the first-frame and last-frame input for Seedance. **Step 2 — Render the ambient video.** In Seedance, set the same image as first and last frame. Use a 10-second render. The video will loop seamlessly. Download the output. **Step 3 — Build the site.** Drag the video file into Claude Code. Describe the site purpose and desired feel. Claude Code builds a fully responsive site with the video as the full-viewport hero, complete with text overlay, navigation, and any additional sections you specify. ## Related on OpenClawDatabase - [Claude Cowork Setup](https://openclawdatabase.com/claude-cowork/setup/) — getting started with the Claude Code environment - [Claude Code Desktop App Tutorial](https://openclawdatabase.com/news/videos/2026-04-15-claude-code-desktop-app-tutorial-best-way-to-build/) — the new desktop interface for building ## More OpenClaw & Claude Code news [▶ The 'Loop of Loops': A Better Mental Model for AI Agents (analysis, not a how-to) 2026-06-24](https://openclawdatabase.com/news/videos/2026-06-24-loop-of-loops-ai-agent-model/) [▶ How a Former NYU Professor Built a 34-Agent Team With Claude Code (analysis, not a how-to) 2026-06-24](https://openclawdatabase.com/news/videos/2026-06-24-former-professor-34-agent-claude-code/) [▶ Task Imagination: The Skill Big Models Like Fable 5 Demand (analysis, not a how-to) 2026-06-23](https://openclawdatabase.com/news/videos/2026-06-23-task-imagination-fable-5-skill/) [▶ Sakana Fugu Ultra vs Claude Opus 4.8: 38-Task Battle Test 2026-06-23](https://openclawdatabase.com/news/videos/2026-06-23-sakana-fugu-ultra-vs-opus-test/) [▶ Claude Code for SEO: Rank Using Your Own Search Console Data 2026-06-23](https://openclawdatabase.com/news/videos/2026-06-23-claude-code-seo-search-console/) [▶ GLM 5.2 on a Mac Studio M3 Ultra: 395GB, 12 tok/s, 74K Context 2026-06-22](https://openclawdatabase.com/news/videos/2026-06-22-glm-5-2-mac-studio-m3-ultra/) [See all OpenClaw news →](https://openclawdatabase.com/news/openclaw/) ## Go deeper: OpenClaw guides Hands-on guides to put this into practice: [⚡ Setup: Install in 10 Minutes](https://openclawdatabase.com/openclaw/setup/) [🔐 Security Hardening](https://openclawdatabase.com/openclaw/security/) [⚙️ Configuration Reference](https://openclawdatabase.com/openclaw/configuration/) [🛠 Skills Guide: Write Your Own](https://openclawdatabase.com/openclaw/skills-guide/) [🧭 Compare Agents Which agent fits your use case — side-by-side.](https://openclawdatabase.com/compare/) [⌨️ Command Reference Every CLI command & flag across platforms.](https://openclawdatabase.com/commands/) ← Back to [News digest](https://openclawdatabase.com/news/) · See also: [Claude Cowork guide](https://openclawdatabase.com/claude-cowork/)