Build a $10K Website With Claude Opus 5.5 (No Code, Full Tutorial)

Summary
Bart presents a tutorial demonstrating how to use Anthropic's Claude Opus 5.5 alongside the Higgsfield MCP connector to build rich, interactive websites featuring AI-generated cinematic drone fly-through video headers. He walks through setting up Claude Code, generating scene transitions with Seedance 2.5 and GPT Image 2.5, refining website layouts via Pinterest reference screenshots, and optimizing the design for both desktop and mobile views.

What is shown

• [00:04] Demonstration of completed interactive sites with scrolling drone fly-through headers (Heron Mill brewery and Northvale Motors car dealership) on desktop and mobile viewports.
• [02:17] Configuring the Claude desktop app, selecting Claude Code, and configuring Claude Opus 5.5 with the effort parameter set to "Medium".
• [03:14] Connecting the Higgsfield MCP connector inside Claude desktop settings to enable image generation (GPT Image 2.5) and video generation (Seedance 2.5).
• [04:14] Loading prompts from GitHub repository opus-5-5-10k-websites (01-desktop-drone-flythrough.md and 02-mobile-refinement.md).
• [06:24] Claude Opus 5.5 generating a visual storyboard and invoking Higgsfield MCP tools to generate establishing stills and stitched drone fly-through clips (Clips A, B, and C).
• [08:50] Browsing Pinterest for brewery layout and bottle card inspiration while clips render.
• [10:51] Reviewing generated video clips inside the Higgsfield library web UI, verifying frame stitching and flight dynamics.
• [11:47] Inspecting the generated site locally (localhost:5391) inside a browser preview pane, testing scroll-driven video playback.
• [14:14] Submitting screenshots to Claude Opus 5.5 to restyle inconsistent design elements, remove noisy promotional banners, and create interactive stacking bottle cards.
• [18:07] Testing responsive mobile layout, applying the mobile refinement prompt, and inspecting the updated mobile UI and booking flow.
• [20:52] Breakdown table of total Higgsfield API jobs and credits used for the build.

Claims & numbers

• The presenter notes that "Medium" is the default reasoning/effort setting for Claude Opus 5.5, which he found sufficient over "High" or "Extra" [02:49].
• The presenter claims that stitching clips by matching the end frame of one video to the initial reference frame of the next maintains seamless camera continuity without cuts [07:01, 10:20].
• The build consumed a total of 553.5 Higgsfield credits across 18 jobs: 15 images (37.5 credits) and 3 video clips totaling 43 seconds of footage (516 credits) [20:52].
• The presenter states that nothing had to be regenerated or repaired during the mobile adaptation step, which incurred no additional generation credits [20:58].

Notable quotes

• [00:00] "Opus 5.5 just came out, so I created a prompt that lets you build websites like these."
• [02:50] "Now, medium is the default effort setting for Opus 5.5... For my initial testing so far, I found that medium works really well."
• [07:01] "We're actually stitching two scenes together so the end frame of one scene fuses into the start frame of the next scene."

Assessment
This is a genuine, hands-on workflow demo and tutorial illustrating Claude Opus 5.5's code and asset orchestration via MCP. Rendering times were sped up or cut between prompts, but the presenter explicitly evaluates both flaws (e.g., glitchy appearing objects and mismatched initial styling) and successful outputs live in the browser.

Described by gemini-3.8-flash on 2026-09-29 from the video's audio and frames.