4 хитрости от Claude Code, которые сделают любой сайт идеальным (воспользуйтесь ими)
Автор: Jono Catliff
Загружено: 2026-04-16
Просмотров: 4812
Описание:
🌍 СООБЩЕСТВО https://www.skool.com/automatable/about
HiggsField: https://higgsfield.ai/s/seedance-2-0-...
📝 ПЛАНЫ
https://www.skool.com/automatable-fre...
Все мои бесплатные планы на YouTube (включая указанные выше) вы найдете здесь: https://www.skool.com/automatable-fre...
📚 ИТОГО
Я создал 4 потрясающих веб-сайта за 10 минут, используя Claude Code и 4 бесплатных инструмента — 3JS, Spline, Higsfield и Seedance 2. Никаких навыков дизайна. Никакого программирования. Каждый из них выглядит так, будто на его создание было потрачено 10 000 долларов.
В этом видео я шаг за шагом показываю все 4 инструмента: 3D-анимацию с помощью Three.js, интерактивную графику с помощью Spline, видео «до/после» с использованием ИИ с помощью Kling 3.0 и кинематографические фоновые видео с помощью Seedance 2. А также как бесплатно развернуть всё это в рабочем режиме с помощью GitHub и Vercel.
⌛ ВРЕМЕННЫЕ МЕТКИ
0:00 - Эти целевые страницы были созданы за 10 минут
0:22 - Все 4 демонстрации веб-сайта (взрыв, космический облет, автомобиль 360°, до/после)
1:34 - Инструмент 1: Three.js — Добавление 3D-анимации на любой веб-сайт
2:06 - Создание клона Netflix с 3D-фоном из «Звездных войн»
3:06 - Настройка Claude Code в Antigravity (10-секундный экспресс-курс)
4:32 - Добавление CLAUDE.md — шаблона, обеспечивающего работу Claude Code
5:24 - Установка плагина Frontend Design
5:51 - Создание всего веб-сайта Netflix одним нажатием кнопки
7:27 - Первый результат: Movie Flick запущен
8:03 - Инструмент 2: Spline — Бесплатная 3D-графика для любого веб-сайта
8:47 - Переработка графики Spline и удаление водяных знаков
9:56 - Создание целевой страницы SaaS Страница с дизайном Spline + Dribbble
11:37 - Скрытие логотипа "Built with Spline" с помощью градиентного эффекта
12:45 - Инструмент 3: Higsfield + Kling 3.0 — Видео "до/после" с использованием ИИ
13:21 - Создание изображений "до/после" с помощью Claude + Google Gemini
14:35 - Создание видео с эффектом перехода с помощью ИИ в Higsfield
16:07 - Создание целевой страницы по ремонту дома с использованием видео с ИИ
17:46 - Завершенная трансформация кухни "до/после" на сайте
18:08 - Инструмент 4: Higsfield + Seedance 2 — Кинематографические фоновые видео с использованием ИИ
19:06 - Сравнение 4 моделей видео с ИИ (Sora vs VO3 vs Kling vs Seedance)
20:11 - Создание видеоролика с эффектом облета помещения и пентхауса
21:28 - Создание веб-сайта элитных кондоминиумов с использованием фонового видео с ИИ
22:27 - Развертывание в режиме реального времени с помощью GitHub + Vercel (бесплатно)
24:51 - Подписка + бесплатное/платное сообщество
📣 СОЦИАЛЬНЫЕ СЕТИ
• Instagram → / jono_catliff
• TikTok → / jonocatliff
• LinkedIn → / jonocatliff
• X → / @jonocatliff
📺 СВЯЗАННЫЕ ВИДЕО
• Полный экспресс-курс по Make.com → • Make.com Basics: How To Automate Anything ...
• Полный экспресс-курс по n8n → • Master n8n in 2 Hours: Complete Beginner’s...
• 11 любимых автоматизаций Make.com → • 11 Make.com Automations You NEED To Start ...
• 12 любимых автоматизаций n8n → • The Only 12 n8n AI Automations You'll Ever...
🎯 КОНСУЛЬТАЦИИ 1:1
Запишитесь на прием → https://jonocatliff.com/consultation
🚀 АГЕНТСТВО АВТОМАТИЗАЦИИ
Получите помощь для своего бизнеса → https://www.automatable.co
🔗 ССЫЛКИ (некоторые из них приносят мне деньги - заранее спасибо!)
• 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
👋 ОБО МНЕ
Привет всем, меня зовут Джоно. Я управляю бизнесом в сфере услуг с семизначным доходом, предлагающим диджейские услуги, фото- и видеосъемку (крупнейший в Канаде), и потратил годы на то, чтобы автоматизировать каждый его аспект (и нанял сотрудников на те должности, которые не смог автоматизировать). По самым скромным подсчетам, раньше я работал более 80 часов в неделю, с рассвета до заката, пропуская встречи, семейные мероприятия и все остальное. Однако благодаря автоматизации я смог заменить свою работу. Моя цель — поделиться тем, что сработало для меня, и мечтаю помочь другим добиться настоящего успеха в своем деле.
Пожалуйста, подписывайтесь, ставьте лайки и оставляйте комментарии ниже, если у вас есть вопросы! Спасибо 😊
#googlestitch #claudecode #aiwebsitebuilder #webdesign #nocode
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: