Descriptions:
👉 Higgsfield (get discount + free credits): https://higgsfield.ai/?fpr=keith41
👉 Free prompts + website templates: https://www.uiprompts.app/
This looks like a 3D website, but there’s no 3D model and it’s not a video player. The entire cinematic is broken into hundreds of individual frames — and your scroll wheel is the playhead.
Higgsfield generated the visuals. Claude Code built the site. Fable 5 ran the whole process: generating assets, writing code, checking results, and fixing its own mistakes. Total cost: about $13 in Higgsfield credits.
I’ll show you the full process — 5 keyframes → 4 cinematic clips → a website that plays the film as you scroll. Including the mistakes I made, because the first results did NOT come out right.
00:00 Scroll Controlled Cinema
01:02 How The Tech Works
01:59 Five Step Overview
03:33 Hixfield Setup And Plans
06:10 Connect The MCP Tools
08:09 UI Prompts MCP Templates
10:58 Keyframes Make Or Break
12:14 Generate Five Keyframes
14:59 Turn Clips Into Website
16:21 Style Variations And Prompts
17:15 Cost Breakdown And Credits
18:32 Deploy Live With Railway
20:53 Final Thoughts And Next Steps
🔗 LINKS MENTIONED
Higgsfield (discount + free credits): https://higgsfield.ai/?fpr=keith41
UI Prompts — free keyframe prompts, video prompts, and 100+ website templates: https://www.uiprompts.app/
📚 WHAT YOU’LL LEARN
• Why keyframes matter more than anything else (and why generating one bad video costs 36x more than a bad image)
• How to connect the Higgsfield MCP to Claude, Claude Code, ChatGPT, OpenClaw, and Hermes
• The prompt structure that stops your keyframes looking like AI slop
• Why chaining short clips beats generating one long video
• How to break a video into hundreds of frames and scrub it with the scroll wheel
• Publishing it live with Railway + GitHub instead of leaving it on localhost
🤝 JOIN THE FREE COMMUNITY
Got questions? Join my free Skool: https://www.skool.com/keith-ai-3958
#AI #ClaudeCode #Higgsfield #WebDesign #AIVideo
