Opus 5.5 — это просто НЕВЕРОЯТНЫЙ инструмент для веб-дизайна (полное руководство)

Opus 5.5 — это просто невероятная платформа для веб-дизайна. В этом подробном пошаговом руководстве я покажу, как создаю 3D-сайт в японском стиле с помощью Claude Code. Спонсор: Mobbin: https://mobbin.com/designcode Я покажу использованные мной источники и подсказки для дизайна, а затем разовью концепцию в виде руководства по фирменному стилю и рекламных макетов. Рабочий сайт: http://sunset.mengto.here.now Сайт, созданный во время урока, с использованием подсказок: http://sunset-tutorial.mengto.here.now Сцена с лодкой: valley.mengto.here.now Сцена с кораблем: ship.mengto.here.now Скачать файлы проекта и подсказки: https://drive.google.com/file/d/1t19W... Загрузка включает в себя файлы sunset.html, sunset-brand.html, sunset-ads.html, а также полные папки sunset-brand, sunset-ads и sunset-3d, плюс письменное руководство и многоразовые подсказки, адаптированные из видео. Я показываю процесс в Claude Code: сбор скриншотов Mobbin, планирование разделов, определение темы японского заката, выбор 3D-объектов и улучшение материалов, освещения и анимации. Затем я даю задачи руководству по бренду и рекламным объявлениям. Примерно через час вы увидите результат работы, а также те части, которые я бы улучшил в дальнейшем. Работа требует множества подсказок и итераций. Инструменты и ресурсы Mobbin: https://mobbin.com/ Claude Code: https://claude.com/product/claude-code Three.js: https://threejs.org/ Higgsfield: https://higgsfield.ai/ Aura: https://www.aura.build/ Иконки Solar: https://icon-sets.iconify.design/solar/ ThreeUI: https://threeui.com/ Курсы и сообщество DesignCode: https://designcode.io/ Главы 00:00:00 Готовая 3D-страница 00:00:50 3D-миры и игровые сцены 00:02:06 Ссылки на Mobbin и представление спонсоров 00:03:09 Цены, отзывы и оценка дизайна 00:06:12 Настройка Claude Code и Mobbin 00:08:45 Поиск сайта о солнечной энергии ссылки 00:09:46 Запрос скриншотов и объединение разделов 00:11:50 Планирование разделов веб-сайта 00:14:30 Определение направления японской 3D-графики 00:17:34 Выбор 3D-моделей, изображений и иконок 00:20:16 Улучшение текстур, освещения и детализации 00:21:41 Выбор подходящего носителя для каждой сцены 00:26:23 Орбита, вода, кнопки шейдеров и параллакс 00:29:45 Предоставление агенту времени на работу 00:31:02 Изучение логотипов в отдельном задании 00:33:47 Создание руководства по бренду 00:34:20 Создание рекламных макетов 00:35:15 Установка лимита расходов на создание изображений 00:38:08 Повторное использование подробных подсказок и примеров ThreeUI 00:42:56 Обзор работы в процессе 00:46:12 Файлы проекта, курсы и завершение