scroll-world
Скилл, который собирает лендинг с полетом камеры сквозь сгенерированный 3D-мир, управляемым прокруткой
Установка
/plugin marketplace add oso95/scroll-world
/plugin install scroll-world@scroll-worldВызов /scroll-world.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл делает промо-страницу, где прокрутка управляет заранее отрендеренным видео: камера влетает в каждую сцену, затем без склеек перелетает к следующей. Сначала агент расспрашивает о бренде, сценах, стиле, мобильной версии и бюджете и показывает оценку затрат до генерации. Затем генерирует изометрические сцены через GPT Image, клипы пролета через Seedance или Kling и соединительные клипы по реальным кадрам соседних сцен, чтобы стыки совпадали. В конце подключает переносимый движок на чистом JavaScript, который работает в обычном HTML, Next.js или Vue и отдает вертикальные клипы на телефонах.
Для кого. Для дизайнеров, фронтенд-разработчиков и маркетологов, которым нужен эффектный промо-лендинг без ручной 3D-анимации.
Подходит, если
- Нужен кинематографичный первый экран для бренда или отрасли
- Нужна страница в стиле прокручиваемых презентаций продукта
- Есть бюджет на генерацию видео и хочется сэкономить на моушн-дизайне
Не подходит, если
- Нет бюджета на платную генерацию изображений и видео
- Нужна легкая быстрая страница без тяжелых видеофайлов
- Нужны сервисы генерации, доступные из России без VPN
Пример запроса к агенту
/scroll-world сделай лендинг для логистической компании: склад, порт, грузовик, офисОграничения
Генерация платная: нужны CLI Monid с ключом и балансом и CLI Higgsfield с кредитами, опционально Codex CLI с подпиской ChatGPT для картинок. По словам автора, цепочка из шести сцен в 1080p стоит около 27 долларов, мобильная версия удваивает число видео. Нужны ffmpeg и Python 3 с Pillow. Генерация идет долго, а зарубежные AI-сервисы и оплата могут быть недоступны из России.
Как отключить. Удалите плагин scroll-world через /plugin, командой npx skills remove scroll-world или папку scroll-world из каталога скиллов.
Проверка безопасности
- Тратит деньги на платную генерацию изображений и видео
- Запускает внешние CLI и ffmpeg
Коротко о README
README показывает демо и три способа установки: плагин Claude Code, skills CLI для Codex и других агентов и ручное копирование папки. Перечислены требования к платным CLI для генерации и инструментам обработки видео. Описаны три этапа работы скилла: интервью, генерация сцен и соединительных клипов, подключение движка. Отдельно указано, что генерация стоит денег и занимает время. Лицензия MIT.
SKILL.md
--- name: scroll-world description: > Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with NO cuts — one continuous connected flight (Emons-style isometric diorama world, or any art direction you pick). The skill interviews the user for the topic, the story beats/sections, and brand kit, then generates cohesive scenes + seamless camera clips with Higgsfield and wires a portable, framework-agnostic scroll-scrub engine. The video chain renders through Monid by default (Seedance 2.0, pay-per-clip USD — capability re-checked each build, see Step 4) with Higgsfield credits as the fallback biller. Use when the user wants a "3D world" / "browse-through-the-industry" hero, a scroll cinematic, a diorama landing, or to turn a business into a scrollable world. allowed-tools: Bash, Read, Write, Edit, AskUserQuestion, Skill --- # scroll-world Produces a landing page where **scroll drives a camera**: it dives from outside a scene into its interior, then flies out and into the next scene, continuously, with no visible cuts. The visuals are AI-generated — stills via Higgsfield (or Codex), the video chain via **Monid by default** (pay-per-clip Seedance 2.0; Higgsfield credits as fallback) — and the page just scrubs pre-rendered video by scroll position. **What you generate:** N scene stills → N "dive-in" camera clips → N-1 "connector" clips that join consecutive scenes seamlessly → a portable scrub engine that plays the whole chain as one flight. **The one rule that makes or breaks it:** seams must be *frame-identical*. ## Step 0 — Bootstrap 1. **Monid CLI — the default video-chain backend.** Check `monid --version`, `monid keys list` (active key) and `monid balance`. 2. **Higgsfield CLI — still required even on the Monid path**: it renders the scene stills (`gpt_image_2`) and is the home of the `kling3_0` NSFW fallback and the fallback chain. 3. **ffmpeg / ffprobe** on `$PATH` (frame extraction + encoding).
Частые вопросы
Это настоящий 3D на WebGL?
Нет, это заранее сгенерированное видео, которое проигрывается в зависимости от прокрутки.
Скилл потратит деньги без спроса?
Нет, он показывает оценку затрат и ждет подтверждения до начала генерации.
Похожие
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту