Графический интерфейс на основе узлов, API и бэкенд для локального запуска diffusion-моделей, генерирующих изображения, видео, аудио и 3D-контент.
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
Установите навык с помощью skills CLI
npx skills add oso95/scroll-world - 2
Или добавьте маркетплейс плагинов в Claude Code
/plugin marketplace add oso95/scroll-world - 3
Установите плагин в Claude Code
/plugin install scroll-world@scroll-world - 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 обновляется ежедневно.
Похожие проекты
Навык для AI-агентов, который ищет упоминания темы за последние 30 дней на Reddit, X, YouTube, Hacker News, Polymarket и в интернете, а затем составляет обзор со ссылками на источники.
Преобразует кодовую базу или LLM-вики в интерактивный граф знаний, который можно изучать, искать в нём и опрашивать с помощью AI-инструментов для программирования.
Набор навыков для AI-агентов, который подбирает методику и инструменты для реверс-инжиниринга, пентестов и CTF-задач.
Личный AI-ассистент с открытым исходным кодом, который работает на ваших устройствах и отвечает через WhatsApp, Telegram, Slack, Discord и другие мессенджеры.
Методология разработки ПО и библиотека комбинируемых навыков, которые помогают coding agents проводить мозговой штурм, планировать, следовать TDD и делегировать реализацию субагентам.