ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

4 хитрости от Claude Code, которые сделают любой сайт идеальным (воспользуйтесь ими)

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

Автор: 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

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
4 хитрости от Claude Code, которые сделают любой сайт идеальным (воспользуйтесь ими)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]