Claude Design + Seedance 2.5 = 3D-скроллинг на сайтах (Higgsfield AI)
Vika Taylor
0:00 / 0:00
Claude Design + Seedance 2.5 = 3D-скроллинг на сайтах (Higgsfield AI)
495 просмотров · 1 месяц назад
Vika Taylor
161 подписчик
495 просмотров · 1 месяц назад
Claude Design + Seedance 2.5: Я превратил один клип из Seedance 2.5 в полноценный 3D-сайт с прокруткой, и сайт уже доступен здесь: https://opal.vikataylor.com
Чего нет в руководстве: Claude Design не принимает медиафайлы размером более 20 МБ, поэтому версия клипа в разрешении 2K попала в систему только после того, как разработка была передана в Claude Code.
Все использованные мной запросы указаны в описании ниже, и всё это развернуто на Cloudflare Pages.
Процесс создания, от начала до конца:
Структура прокрутки сначала нарисована вручную в Figma — пять секунд на каждый ракурс камеры, чтобы ролик четко разделился на три экрана.
Claude Design создает страницу с пустым медиа-слотом и уже встроенным механизмом прокрутки.
Модель сгенерирована в ChatGPT Image, затем анимирована в Seedance 2.5 с помощью Higgsfield AI.
Три поколения анимации до того, как камера перестала зависать — первое поколение жесткое, второе остается неподвижным на некоторых кадрах.
Масштабирование в Higgsfield: сначала HD, затем 2K.
Преодоление 20-мегабайтного ограничения в Claude Design и передача в Claude Code для его преодоления.
Развернуто на Cloudflare Workers и Pages с поддоменом, указывающим на него.
Инструменты в этой сборке: Claude Design, Seedance 2.5, Higgsfield AI, ChatGPT Image, Claude Code, Figma, Cloudflare Pages.
⏱ РАЗДЕЛЫ
0:00 Что такое веб-сайт с 3D-прокруткой и почему он обычно не работает
0:18 Планирование прокрутки в Figma перед использованием ИИ
1:38 Почему каждый кадр анимации длится ровно 5 секунд
2:18 Claude Design создает каркас на основе одного запроса
2:58 Создание изображения модели в ChatGPT Image
3:17 Получение Seedance 2.5 через Higgsfield AI
4:16 Сначала генерация в низком качестве, затем масштабирование
5:19 Исправление зависших кадров с помощью запроса движения камеры
6:19 Запрос, который извлекает палитру сайта из видео
7:21 Масштабирование в Higgsfield: HD против 2K
8:21 Ограничение в 20 МБ и передача в Claude Code
9:40 Бесплатное развертывание на Cloudflare Pages с собственным доменом
🛠 РЕСУРСЫ
Создание в реальном времени: https://opal.vikataylor.com
Все запросы: https://3d-scroll-prompts.vikataylor.com
Материалы и подсказки из моих видео: https://vikataylor.com
🤝 СОТРУДНИЧЕСТВО СО МНОЙ
Я помогаю основателям компаний создавать продукты, разработанные с помощью ИИ, так, чтобы они выглядели созданными человеком: vika.taylor.one@gmail.com
💼 БРЕНДЫ И ИНСТРУМЕНТЫ
Хотите, чтобы ваш инструмент был показан на камеру?
Партнерство: vika.taylor.one@gmail.com
Сотрудничество: vika.taylor.one@gmail.com
▶️ СМОТРЕТЬ ДАЛЕЕ
Лучшие конструкторы сайтов и инструменты для веб-дизайна с использованием ИИ: реальные тесты и сборки: • Best AI Website Builders & Design Tools: R...
Сайты нового уровня в 3D: будущее веб-дизайна с использованием ИИ: • Next-Level 3D Websites: The Future of AI W...
Подпишитесь, если хотите увидеть, что эти инструменты действительно предлагают.
#claudedesign #seedance25 #higgsfieldai #claudecode #aiwebdesign #scrollanimation #aiwebsitebuilder #aivideo #webdesign #cloudflare #VikaTaylor