- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
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
Видео 4 Claude Code Hacks To Make Any Website Look 10/10 (Steal These) канала Jono Catliff
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
Видео 4 Claude Code Hacks To Make Any Website Look 10/10 (Steal These) канала Jono Catliff
claude code claude code website ai website builder build website with ai three.js website spline 3d seedance 2 higsfield kling 3.0 ai video website 3d website animation beautiful website ai claude code tutorial no code website builder free website builder deploy website free vercel deploy ai landing page web design ai threejs examples ai video generation before after ai video spline tutorial antigravity claude code dribbble website design
Комментарии отсутствуют
Информация о видео
16 апреля 2026 г. 21:18:03
00:26:11
Другие видео канала





















