Перейти к содержимому

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