Repolode
oso95

oso95/scroll-world

Навык для агента, который создаёт 3D-лендинг с прокруткой, управляющей полётом камеры через связный изометрический мир, сгенерированный ИИ.

Звёзды
10,239
Форки
1,126
Открытые issues
10
Последний коммит
3 месяца назад

Что это?

scroll-world — это навык для Claude Code, Codex и других агентов, совместимых с SKILL.md. Он создаёт лендинги для брендов и отраслей, где прокрутка перемещает камеру снаружи каждой сцены внутрь, а затем к следующей сцене — без склеек, превращая весь путь в непрерывный полёт по сгенерированному миру.

Графика создаётся с помощью ИИ: изометрические диорамы, по одному видеоклипу с погружением камеры для каждой сцены и соединительные клипы, собранные из отрендеренных кадров соседних сцен, чтобы на стыках кадры совпадали в точности. Положение прокрутки управляет видеотаймлайном через переносимый движок на чистом JavaScript, который работает в обычном HTML, Next.js, Vue или на странице, отдаваемой через Python. Для телефонов можно дополнительно отрендерить отдельную вертикальную последовательность в формате 9:16.

Генерация использует внешние сервисы: Monid CLI (видеобэкенд по умолчанию), Higgsfield CLI для изображений и резервной генерации видео, а также, при необходимости, Codex CLI для генерации изображений. Кроме того, нужны ffmpeg и Python 3 с Pillow. Перед генерацией навык сообщает примерную стоимость.

Ключевые возможности

  • 01Полёт камеры по непрерывной цепочке сцен, управляемый прокруткой и без склеек.
  • 02Генерирует изометрические изображения сцен и клипы с погружением камеры с помощью ИИ-моделей для изображений и видео.
  • 03Соединительные клипы собираются из отрендеренных кадров соседних сцен, поэтому стыки точно совпадают.
  • 04Не зависящий от фреймворков движок прокрутки на чистом JavaScript работает в обычном HTML и популярных фреймворках.
  • 05При необходимости можно отдельно отрендерить вертикальную последовательность в формате 9:16 для мобильных устройств.

Сценарии использования

  • Создание лендинга с прокруткой для демонстрации продукта или бренда логистической либо промышленной компании.
  • Быстрое создание прототипа иммерсивного лендинга для нового бренда без помощи 3D-художника.
  • Добавление кинематографичного блока с прокруткой на существующий сайт на Next.js или Vue.
  • Создание отдельной версии интерактивного интерфейса с прокруткой для мобильных устройств наряду с версией для компьютеров.

Быстрый старт

  1. 1

    Установите навык с помощью skills CLI

    npx skills add oso95/scroll-world
  2. 2

    Или добавьте маркетплейс плагинов в Claude Code

    /plugin marketplace add oso95/scroll-world
  3. 3

    Установите плагин в Claude Code

    /plugin install scroll-world@scroll-world
  4. 4

    Попросите агента создать лендинг с миром, который можно прокручивать, или выполните команду /scroll-world

Что важно знать

  • Для генерации ресурсов нужны платные сервисы: ключ Monid API с балансом, кредиты Higgsfield или и то и другое.
  • Цепочка из 6 сцен в разрешении 1080p стоит около 27 долларов в Monid; до начала расходов отображается только предварительная оценка общей стоимости.
  • Локально должны быть установлены ffmpeg/ffprobe и Python 3 с Pillow.
  • Генерация занимает время и выполняется в фоновом режиме, поэтому страница не появляется мгновенно.

Темы

Частые вопросы

Что такое scroll-world?
Навык для агента, который создаёт 3D-лендинг с прокруткой, управляющей полётом камеры через связный изометрический мир, сгенерированный ИИ. scroll-world — это навык для Claude Code, Codex и других агентов, совместимых с SKILL.md. Он создаёт лендинги для брендов и отраслей, где прокрутка перемещает камеру снаружи каждой сцены внутрь, а затем к следующей сцене — без склеек, превращая весь путь в непрерывный полёт по сгенерированному миру.
scroll-world можно использовать бесплатно? Какая у него лицензия?
scroll-world распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
scroll-world всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в scroll-world — 29 июл. 2026 г..
Для чего можно использовать scroll-world?
Создание лендинга с прокруткой для демонстрации продукта или бренда логистической либо промышленной компании. Быстрое создание прототипа иммерсивного лендинга для нового бренда без помощи 3D-художника. Добавление кинематографичного блока с прокруткой на существующий сайт на Next.js или Vue. Создание отдельной версии интерактивного интерфейса с прокруткой для мобильных устройств наряду с версией для компьютеров.
Как установить scroll-world?
Установите навык с помощью skills CLI: npx skills add oso95/scroll-world Или добавьте маркетплейс плагинов в Claude Code: /plugin marketplace add oso95/scroll-world Установите плагин в Claude Code: /plugin install scroll-world@scroll-world Попросите агента создать лендинг с миром, который можно прокручивать, или выполните команду /scroll-world
Где скачать scroll-world?
Исходный код и инструкции по установке — на GitHub: https://github.com/oso95/scroll-world

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Преобразует кодовую базу или LLM-вики в интерактивный граф знаний, который можно изучать, искать в нём и опрашивать с помощью AI-инструментов для программирования.

86,9 тыс.7,3 тыс.TypeScriptMITОбновлён 7 дней назад

Методология разработки ПО и библиотека комбинируемых навыков, которые помогают coding agents проводить мозговой штурм, планировать, следовать TDD и делегировать реализацию субагентам.

301,6 тыс.26,9 тыс.ShellMITОбновлён 9 дней назад