Работаем в Codex, проект локальный. Собираем прототип страницы керамической мастерской.
Сцена: чашка на деревянном столе у окна, плавное приближение камеры. Справа нужен свободный фон под заголовок и кнопку «Посмотреть занятия».
Структура: главный экран, формат занятия, примеры работ, запись. Условия и URL записи возьми из моих материалов, неизвестное оставь заполнителем.
Покажи план и список необходимых файлов. Сначала сделаем статичный рабочий экран, затем добавим кадры видео. Не запускай платные генерации без выбранных параметров и моего подтверждения.

Подключи Higgsfield к этому проекту по официальной инструкции:
https://higgsfield.ai/creator-hub/help-center/integrations/how-do-i-connect-higgsfield-to-ai-agent

Проверь наличие Node.js. Установи CLI командой npm i -g @higgsfield/cli.
Запусти higgsfield auth login и дай мне пройти вход в браузере.
Добавь навыки через npx skills add higgsfield-ai/skills, выбрав Codex и установку для этого проекта, если установщик предлагает такой вариант.

Проверь, что CLI доступна и авторизация прошла. Генерации пока не запускай.

Хочу сделать сайт с кинематографической сценой при прокрутке.

Проект: [ЧТО ЭТО ЗА ПРОЕКТ].
Для кого: [АУДИТОРИЯ].
Главное действие посетителя: [НАПРИМЕР, ПОСМОТРЕТЬ РАБОТЫ ИЛИ ОСТАВИТЬ ЗАЯВКУ].
Образец дизайна: [ССЫЛКА ИЛИ СКРИНШОТ].
Что в нем нравится: [ЦВЕТА, ШРИФТЫ, КОМПОЗИЦИЯ, ДВИЖЕНИЕ].
Мои исходники: [ПАПКА С ЛОГОТИПОМ, ФОТОГРАФИЯМИ И ТЕКСТОМ].

Предложи одну главную сцену: что видим в начале, как движется камера и на чем заканчиваем. Отдельно предложи структуру страницы и текст первого экрана.
Если я передал существующий сайт, возьми реальные CSS, шрифты и компоненты из его файлов.
Сначала покажи план. Генерации и разработку начнем после выбора сцены.

Сделай через Higgsfield исходное изображение для выбранной сцены.

Объект: [ОПИСАНИЕ]. Окружение: [ОПИСАНИЕ]. Свет и настроение: [ОПИСАНИЕ].
Оставь место под заголовок и кнопку [ГДЕ ИМЕННО]. Без надписей внутри картинки.
Предложи композицию и доступную модель. Покажи стоимость, если инструмент ее сообщает, и дождись моего подтверждения перед генерацией.
Сохрани выбранный результат в проект.

Используй выбранный кадр для видео через Higgsfield.
Движение: [НАПРИМЕР, МЕДЛЕННОЕ ПРИБЛИЖЕНИЕ К ОБЪЕКТУ].
Камера движется плавно, без склеек и внезапной смены сцены. Сам объект сохраняет форму.
Целевая длительность около 5 секунд, если модель ее поддерживает.

Перед генерацией покажи промпт, модель, параметры и стоимость, если она доступна. Дождись подтверждения. Сохрани готовое видео в папку проекта.

Собери локальный прототип сайта на основе выбранного дизайна и видео.

Разбей видео на оптимизированные кадры подходящим инструментом. Если нужен FFmpeg, сначала проверь, установлен ли он, и предложи способ установки для моей системы.

Свяжи номер кадра с прогрессом прокрутки в главном разделе. При прокрутке назад движение тоже идет назад. Отрисовка - через canvas, с учетом размеров экрана.
Сначала показывай статичный кадр, затем подгружай последовательность. Не загружай все тяжелые кадры одновременно без необходимости.
Добавь заголовок и кнопку отдельными HTML-элементами поверх сцены. Текст должен оставаться читаемым на всех этапах движения.

На телефоне используй подходящее кадрирование и облегченную последовательность либо статичную версию. Для prefers-reduced-motion показывай неподвижный кадр.
Остальные разделы сделай обычными: описание проекта, примеры, контакты.
Запусти локальный просмотр и покажи адрес страницы.

Хочу настоящий 3D для [МОЙ ПРОЕКТ]: посетитель должен [ВРАЩАТЬ ОБЪЕКТ / МЕНЯТЬ МАТЕРИАЛ / ДРУГОЕ ДЕЙСТВИЕ].
Образец: [ССЫЛКА НА ПОНРАВИВШИЙСЯ ПРИМЕР].

Изучи проект и предложи реализацию на Three.js или React Three Fiber. Объясни, какая 3D-модель нужна и какие исходники уже есть. Если модели нет, сначала согласуй со мной, где ее взять или как сделать простой прототип.
Собери сцену, управление мышью и пальцем, освещение и движение при прокрутке там, где оно нужно. Проверь результат в браузере. Добавь облегченную или неподвижную версию для телефонов и отключенной анимации.
Не выдавай последовательность кадров из видео за интерактивную 3D-модель.

Проверь сайт в браузере на компьютере и телефоне.

Проверь движение вперед и назад, первый показ сцены, читаемость текста, кнопки и отсутствие горизонтальной прокрутки.
Посмотри объем загружаемых кадров и предложи уменьшение, если загрузка тяжелая. Проверь неподвижную версию при отключенной анимации.

Исправь найденные проблемы. Собери проект и подготовь короткую инструкцию запуска и публикации. До моего подтверждения сайт не публикуй.

Сохрани утвержденные правила сайта в AGENTS.md в корне проекта. Если файл есть, дополни его, сохранив остальные инструкции.
Укажи реальные файлы CSS, шрифты, цвета, компоненты, исходники сцены и правила для телефона. Запиши, как запускать просмотр, собирать и проверять проект. Сохрани решения, которые мы уже утвердили, и покажи мне инструкции.

Проверь сцену по этапам. 1) Исходное видео: есть ли рывок или смена формы. 2) Кадры: порядок, пропуски, размеры. 3) Прокрутка: первый и последний кадр, движение назад. 4) Загрузка: время первого видимого кадра и объем ресурсов.
Для каждого найденного дефекта назови этап и минимальную правку. Не запускай новые генерации для исправления путей или логики canvas. После исправления проверь медленную и быструю прокрутку, изменение ширины окна и статичную версию с reduced motion.