4 Claude Code Hacks To Make Any Website Look 10/10 (Steal These)
π COMMUNITY https://www.skool.com/automatable/about HiggsField: https://higgsfield.ai/s/seedance-2-0-jonocatliff-iTBKxB π BLUEPRINTS https://www.skool.com/automatable-free/classroom/6ca29126?md=14cf3389841b4e62af4b0caaf79a1dc5 Find every single one of my free YouTube blueprints (including these above) here: https://www.skool.com/automatable-free/about π SUMMARY I built 4 stunning websites in 10 minutes using Claude Code and 4 free tools β 3JS, Spline, Higsfield, and Seedance 2. No design skills. No coding. Each one looks like it cost $10,000 to make. In this video I walk through all 4 tools step by step: 3D animations with Three.js, interactive graphics with Spline, AI before/after videos with Kling 3.0, and cinematic background videos with Seedance 2. Plus how to deploy everything live for free with GitHub and Vercel. β TIMESTAMPS 0:00 - These landing pages were built in 10 minutes 0:22 - All 4 website demos (watch exploding, space flythrough, 360 car, before/after) 1:34 - Tool 1: Three.js β Add 3D animations to any website 2:06 - Building a Netflix clone with a 3D Star Wars background 3:06 - Setting up Claude Code in Antigravity (10-second crash course) 4:32 - Adding CLAUDE.md β the blueprint that makes Claude Code work 5:24 - Installing the Frontend Design plugin 5:51 - One-shotting the full Netflix website with one prompt 7:27 - First result: Movie Flick is live 8:03 - Tool 2: Spline β Free 3D graphics for any website 8:47 - Remixing a Spline graphic and removing watermarks 9:56 - Building a SaaS landing page with Spline + Dribbble design 11:37 - Hiding the "Built with Spline" logo with a gradient hack 12:45 - Tool 3: Higsfield + Kling 3.0 β AI before/after videos 13:21 - Creating before/after images with Claude + Google Gemini 14:35 - Generating the AI transition video in Higsfield 16:07 - Building a home renovation landing page with the AI video 17:46 - The finished before/after kitchen transformation on the website 18:08 - Tool 4: Higsfield + Seedance 2 β Cinematic AI background videos 19:06 - Comparing 4 AI video models (Sora vs VO3 vs Kling vs Seedance) 20:11 - Creating a space-to-penthouse flythrough video 21:28 - Building a luxury condo website with the AI video background 22:27 - Deploying live with GitHub + Vercel (free) 24:51 - Subscribe + free/paid community π£ SOCIAL MEDIA β’ Instagram β https://instagram.com/jono_catliff β’ TikTok β https://www.tiktok.com/@jonocatliff β’ LinkedIn β https://www.linkedin.com/in/jonocatliff/ β’ X β https://twitter.com/@jonocatliff πΊ RELATED VIDEOS β’ Full crash course on Make.com β https://youtu.be/hinLebdX8aM β’ Full crash course on n8n βhttps://youtu.be/AURnISajubk β’ 11 Favourite Make.com automations β https://youtu.be/dIH1F1WlE84 β’ 12 Favourite n8n automations β https://youtu.be/uQGT2K26W84 π― 1:1 CONSULTING Book a time β https://jonocatliff.com/consultation π AUTOMATION AGENCY Get help with your business β https://www.automatable.co π LINKS (some of these make me money - thanks in advance!) β’ n8n β https://jonocatliff.com/n8n β’ Make.com β https://jonocatliff.com/make β’ Go High Level β https://jonocatliff.com/gohighlevel β’ Apify β https://jonocatliff.com/apify β’ Skool β https://jonocatliff.com/skool β’ Zapier β https://jonocatliff.com/zapier β’ PandaDoc β https://jonocatliff.com/pandadoc β’ Apollo β https://jonocatliff.com/apollo β’ ManyChat β https://jonocatliff.com/manychat β’ Vapi β https://jonocatliff.com/vapi β’ PhantomBuster β https://jonocatliff.com/phantombuster β’ ClickUp β https://jonocatliff.com/clickup β’ ElevenLabs β https://jonocatliff.com/elevenlabs β’ Upwork β https://jonocatliff.com/upwork β’ Instantly.ai β https://jonocatliff.com/instantly β’ Airtable β https://jonocatliff.com/airtable π ABOUT ME Hey everyone, my name is Jono. I run a 7-figure service business that offers DJ, photo, video services (#1 largest in Canada), and spent years figuring out how to automate every part of it (and hired the roles that I couldn't). Conservatively, I used to work 80+ hours per week, before sunrise till long after sunset; missing gatherings, family events and everything in between. Through automation though, I was able to replace my job. My goal is to help share what worked for me, in a dream of helping others find true success with their passion. Please subscribe, like and comment below if you have any questions! Thank you π #googlestitch #claudecode #aiwebsitebuilder #webdesign #nocode