Build sites like these from scratch

Video walkthroughs showing you exactly how to build sites, create AI video content, and use ChatGPT + Higgsfield to generate insane visuals. Three tutorial packs, every step covered.

$7 AUD
One-time payment. Lifetime access.
01

Site Tutorial — Build a website from scratch with Claude

4-part video series covering assets, prompting, tweaking, and the final result

Locked
02

Flyover Tutorial — Create cinematic golf course drone videos with AI

3-step guide from reference images to 4K AI-generated flyover videos

Locked
03

ChatGPT + Higgsfield — Build insane websites with AI-generated visuals

Connect ChatGPT to Higgsfield to create stunning sites with AI images, videos, and 3D assets

Locked

Unlock all tutorials

Get instant access to all three tutorial packs for $7 AUD.

Buy Now — $7
Already purchased?
Checking...

Build Sites From Scratch

Part 1 of 4

Gathering Your Assets & Prompting Claude

Everything starts with preparation. First you gather all the videos, photos, and fonts you want on your site into a single folder. Then you open Claude and tell it exactly what you want built — being specific about every detail.

  • Collecting your hero video, section images, and fonts into one folder
  • Deciding your layout before you prompt — hero video, scroll type, section order
  • Writing a detailed prompt that tells Claude the exact features you want
  • Specifying whether you want a 3D scroll animation, canvas frame scrub, parallax, etc.
  • Choosing your colour palette, font pairing, and overall vibe upfront
Part 2 of 4

The Reveal & Tweaking It

Now you see the site for the first time in the browser. It won't be perfect — it never is on the first go. This part covers how to look at the result, identify what needs changing, and prompt Claude again to tweak specific sections until it looks exactly how you want.

  • Opening your localhost and reviewing the full site top to bottom
  • Spotting what needs fixing — spacing, fonts, animations, colours
  • Telling Claude exactly what to change — be specific, get specific results
  • Iterating quickly — small tweaks, refresh, repeat
  • Getting the scroll feel right — adjusting Lenis and animation timing
Part 3 of 4

The Final Website

The finished product. This part shows the completed site after all the tweaks — every section polished, every animation dialled in, fully responsive. You'll see the full scroll-through of what started as a prompt and a folder of assets.

  • Full walkthrough of the completed site from top to bottom
  • How every section flows together with scroll animations
  • The hero canvas scrub, text reveals, parallax images — all working
  • Mobile responsiveness — how it adapts to smaller screens
  • What a finished AI-built website actually looks and feels like
Part 4 of 4

The Final Reveal

The moment it all comes together. After all the prompting and tweaking, this is the finished website in full — scrolling through every section from top to bottom, seeing every animation fire, every transition land.

  • Full uninterrupted scroll-through of the completed site
  • Every section flowing together — hero, text reveals, images, CTA
  • The canvas scroll, parallax, and entrance animations all working in sync
  • What you end up with after a few rounds of prompting and refining

Golf Course Flyover — AI Video Tutorial

How to create cinematic drone flyover videos of golf courses using AI. From reference images to final 4K output.

Step 1 of 3

Locate your golf course reference images, go to ChatGPT, upscale them

Start by finding high quality reference photos of the golf course holes you want to create flyovers for. Then use ChatGPT to upscale them so the AI video model has the best possible input to work with.

  • Finding the right reference images — aerial shots, hole layouts, course photography
  • Using ChatGPT to upscale images for higher quality AI video output
  • Preparing your assets before touching any video generation tool
Step 2 of 3

Go into Claude and get it to create a high quality flyover visual prompt. Tweak to your needs (sunset, sunrise, speed of camera etc)

Use Claude to write a detailed cinematic drone flyover prompt. Specify the camera movement, lighting conditions, speed, and atmosphere. Iterate until the prompt captures exactly what you want.

  • Prompting Claude for cinematic drone-style camera movements
  • Tweaking lighting — golden hour, sunrise, sunset, overcast
  • Adjusting camera speed and angle for the best cinematic feel
  • Adding negative prompts to avoid common AI video issues
Step 3 of 3

Go to Muapi AI. 30% cheaper models. Use 4K video models for insane quality output. Be specific and use negatives in your prompt

Take your prompt and reference image to Muapi AI. Use their 4K video models — they cost more per generation but the quality difference is massive. Be specific with your prompt and always include negative instructions (what NOT to do).

  • Why Muapi AI — 30% cheaper than going direct to model providers
  • Selecting 4K video models for the best output quality
  • Being specific in your prompt — camera motion, speed, atmosphere
  • Using negative prompts — "DO NOT show drone shadow", "no camera shake" etc
  • The final result — cinematic golf course flyover from a single photo

ChatGPT + Higgsfield — Create Insane Websites

How to connect ChatGPT to Higgsfield and use AI-generated images, videos, and 3D assets to build websites that look like nothing else on the internet. This is how we built the Summit site.

Step 1 of 4

Set Up ChatGPT with Higgsfield Connected

Open ChatGPT and connect it to Higgsfield. Higgsfield is an AI media platform that can generate images, videos, 3D assets, and more — and it plugs directly into ChatGPT so you can generate everything through conversation.

  • Go to ChatGPT and open a new chat
  • Connect the Higgsfield integration — it shows up as a tool ChatGPT can use
  • Once connected, you can ask ChatGPT to generate images, videos, and 3D models directly in the chat
  • No need to switch between apps — everything happens in one conversation
Step 2 of 4

Generate Your Hero Visuals

Tell ChatGPT what kind of site you're building and ask it to generate hero images and videos through Higgsfield. Be specific about the vibe — cinematic, dark, luxury, nature, whatever fits your brand. The more detail you give, the better the output.

  • Describe your site concept — "I'm building a luxury summit event site with dark cinematic mountain visuals"
  • Ask ChatGPT to generate a hero image through Higgsfield — specify dimensions, mood, lighting
  • Generate multiple options and pick the best ones
  • Ask for variations — different angles, lighting conditions, colour grading
  • Download everything you want to use on your site
Step 3 of 4

Generate Videos and 3D Assets

This is where it gets crazy. Ask ChatGPT to create short cinematic video clips and 3D elements through Higgsfield. These become your hero videos, background loops, and scroll-triggered visual elements that make the site feel completely different to anything built with stock footage.

  • Ask for short cinematic loops — "generate a 5-second slow cinematic pan over mountain peaks at golden hour"
  • Generate 3D objects if your site needs them — product renders, abstract shapes, environment elements
  • Use the upscale feature for higher resolution outputs
  • Generate background videos for hero sections — these replace boring stock footage
  • Everything is AI-generated and unique to your site — no one else has these assets
Step 4 of 4

Build the Site with Claude Using Your Generated Assets

Now take all the images, videos, and 3D assets you generated and drop them into a folder. Open Claude and build the site the same way you learned in the Site Tutorial — but this time, every visual on the site is AI-generated and completely unique.

  • Collect all your Higgsfield-generated assets into one folder
  • Open Claude and prompt it to build your site — reference the assets by name
  • Use the hero video as a full-screen background with scroll-triggered effects
  • Add the AI images as section backgrounds, feature visuals, and gallery items
  • The result is a site that looks like it had a full creative team behind it — but it's just you and AI
  • This is exactly how we built the Summit site