Scrolline — скилл
Скилл собирает презентацию, которую листают колесом мыши: единая шкала времени, шесть наборов приемов и экспорт в MP4.
- 110 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Агент ставит npm-зависимости и запускает локальный сервер разработки.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/scrollineОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Агент ставит npm-зависимости и запускает локальный сервер разработки.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Scrolline, скилл `scrolline-deck`, превращает описание выступления в презентацию, которая прокручивается колесом мыши. Содержимое записывается в `deck.yaml` по блокам, а движение задают отдельные приемы: все блоки ложатся на одну шкалу времени GSAP, и один объект переходит в следующий без смены слайда. Выбор идет из шести наборов: шкала времени, данные и графики, запуск продукта, зум-погружение, камера по карте и кинетическая типографика. Агент идет по порядку: уточняет бриф, выбирает набор, пишет `deck.yaml`, считает остановки в node, проверяет страницу в браузере и выгружает ролик в MP4 через HyperFrames. Для реальных данных скилл требует источник у каждой цифры, вымышленную компанию помечает на экране как образец.
Для кого. Докладчикам, аналитикам и продуктовым командам, которым нужна презентация с анимацией по скроллу вместо набора слайдов.
Подходит, если
- Нужна история компании или дорожная карта, развернутая по времени.
- Квартальный отчет показывают на графиках, которые перетекают друг в друга.
- Запуск продукта оформляют как одну сцену с акцентами на цифрах.
- Презентацию выгружают в MP4 для видеозвонка или соцсетей.
Не подходит, если
- Выступление строится из обычных слайдов с заметками докладчика.
- На машине нет Node.js 22 или новее.
- Нужен файл PowerPoint или PDF: результат рассчитан на браузер и ролик MP4.
Пример запроса к агенту
Собери минутную презентацию о росте выручки по кварталам, набор `data`, на английском, с источниками, и выгрузи в MP4.Ограничения
Нужен Node.js 22 или новее. Ffmpeg требуется только для нарезки кадров, HyperFrames CLI подтягивается через `npx` при экспорте. Примеры в репозитории на корейском, язык своей презентации задают значением `ko` или `en`. Для видео из Pexels или Pixabay нужен собственный ключ в `.env`. Скилл запускается из корня клонированного репозитория, поэтому его кладут в каталог навыков агента, например `~/.claude/skills/scrolline-deck`. Последний коммит: 8 октября 2026.
Как отключить. Удалите каталог `scrolline-deck` из папки навыков агента вместе с клонированным репозиторием. Готовые презентации лежат в `decks/<id>/`, ролики в `out/export/`: их удаляют отдельно.
Частые вопросы
Какие наборы приемов есть?
Шесть: `rail` (шкала времени), `data` (данные), `launch` (запуск продукта), `zoom` (погружение), `canvas` (камера по карте) и `kinetic` (кинетическая типографика). Набор задает ось камеры, тайминг и допустимые приемы.
Как создать свою презентацию?
Командой `npm run deck -- new my-review --concept data`. Затем блоки пишут в `decks/my-review/deck.yaml`, остановки считают командой `npm run deck -- plan my-review`, ролик выгружают командой `npm run export -- my-review`.
Чем управляют при показе?
Колесо мыши и клавиши двигают одну позицию прокрутки. Стрелки вправо и вниз, пробел и PageDown ведут вперед, `b` гасит экран, `f` включает полный экран. В режиме уменьшенной анимации переходы мгновенные.
Нужны ли ключи?
Только для видео из Pexels или Pixabay. Ключ выпускают самостоятельно и хранят в `.env`: файл исключен из git, и `npm run check` блокирует ключ в коде.
Можно ли подставлять выдуманные цифры?
Нет. В презентации с реальными данными у каждого числа, графика и цитаты указан источник со ссылкой и датой проверки. Вымышленные компании помечают как образец.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл для агентов, который собирает презентацию как один HTML-файл: два стиля оформления, обложки для соцсетей и режим докладчика
Скилл для презентаций в HTML: тема и два слайда на утверждение, затем колода, экспорт в PDF и PowerPoint и ссылка
Скилл рисует по короткой JSON-спецификации анимированные диаграммы 45 типов и сохраняет их в HTML, SVG, PNG, GIF и MP4
HTML Presentation собирает из речи или сценария промпт, по которому агент делает HTML-презентацию 16:9 для видео.
Скилл собирает презентацию PowerPoint с живыми текстом, диаграммами и таблицами: макет слайда рисует генератор изображений.
Скилл собирает презентацию из статьи, отчета или заметок как серию цельных слайдов-картинок и склеивает их в pptx
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Scrolline (эта карточка) | нет | 110 | |
| Slidev | нет | 49 452 | собирает обычные слайды на Markdown и Vue; Scrolline строит единую прокручиваемую шкалу времени с переходами между блоками |
| HTML Presentation | нет | 125 | готовит промпт для HTML-презентации 16:9; Scrolline ведет работу по шагам до проверки в браузере и экспорта MP4 |
Коротко о README
В репозитории шесть примеров презентаций, по одному на набор, и восемьдесят приемов движения. Код разделен на движок, приемы, наборы и сами презентации, а `npm run check` запрещает импорты вверх по слоям.