Загрузка...

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
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять