Инструменты21 июля 2026 г., 09:45 МСК🤖 Auto

AI-агент для создания 3D-лендингов с эффектом полета

Новый open-source инструмент scroll-world позволяет ИИ-агентам генерировать иммерсивные посадочные страницы с непрерывным 3D-полетом камеры, используя модели Higgsfield и Codex.

Баннер новости 4015

Суть инновации: «Полет сквозь мир»

Разработчик oso95 выпустил scroll-world — агентский навык (skill) для Claude Code, Codex и других AI-ассистентов. Инструмент автоматизирует создание сложных лендингов в стиле «fly-through» (как на презентациях Apple), где при скролле камера плавно перемещается из внешней сцены внутрь помещения, а затем переходит к следующей локации без монтажных склеек. Это не просто параллакс, а полноценная генерация видеопотока, привязанного к позиции скролла.

Технический стек и генерация контента

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

  • Higgsfield API: основная платформа для генерации контента.
  • GPT Image 2: через интерфейс Higgsfield или Codex CLI (для подписчиков ChatGPT Plus) для создания статичных кадров.
  • Seedance или Kling: модели image-to-video, способные «frame-lock» (синхронизировать кадры) для создания бесшовных переходов между сценами.

Как это работает: от идеи до кода

Агент не просто генерирует картинки, а выстраивает полный пайплайн:

  1. Интервью: Уточняет нишу, бренд-кит, направление искусства и порядок сцен.
  2. Генерация: Создает статичные кадры и видео-клипы «погружения» для каждой сцены. Особое внимание уделяется «connector clips» — соединительным фрагментам, которые генерируются на основе реальных кадров соседних сцен для идеального совпадения границ.
  3. Мобильная версия: Опционально генерирует параллельную цепочку кадров в формате 9:16 (портрет), оптимизированную для смартфонов, а не просто обрезанную версию десктопа.
  4. Сборка: Предоставляет vanilla-JS движок скролла (scrub engine), который можно вставить в любой проект (Next.js, Vue, plain HTML). Движок использует blob-seek и lazy load для плавной работы.

Установка и требования

Интеграция возможна через маркетплейс плагинов или CLI. Требуется аутентификация в Higgsfield и наличие ffmpeg/Python. Ниже приведена сравнительная таблица способов запуска:

Способ интеграции Команда / Действие Целевые агенты
Claude Code (Plugin) /plugin marketplace add oso95/scroll-world Claude Code
Codex / Cursor (Skills CLI) npx skills add oso95/scroll-world -a codex Codex, Cursor, 20+ агентов
Ручная установка Клонирование репозитория и копирование папки skills/scroll-world в /.claude/skills/ Любой агент с поддержкой SKILL.md

Экономика и ограничения

Генерация требует кредитов Higgsfield. Для N сцен требуется ~N генераций изображений и ~2N-1 генераций видео (плюс удвоение видео для мобильной версии). Агент предварительно оценивает стоимость на основе текущего баланса пользователя. Лицензия проекта — MIT, что позволяет свободно модифицировать код под свои нужды.

Источник: Github ↗