scroll-world

Скилл, который собирает лендинг с полетом камеры сквозь сгенерированный 3D-мир, управляемым прокруткой

СкиллВысокий риск

oso95/scroll-world

Установка

/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 и держится правил библиотеки

СкиллСредний риск123,8 тыс.
Выбор редакции

Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов

СкиллВысокий риск68 тыс.
Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,2 тыс.
Выбор редакции

MCP-сервер, который передает агенту упрощенные данные макета Figma по ссылке, чтобы тот сверстал экран точнее, чем по скриншоту

MCP-серверСредний риск15,9 тыс.