beatdeck — плагин
Каркас докладов с таймлайнами GSAP, окном докладчика и офлайн-сборкой, плюс скилл Claude Code, который собирает доклад
- 241 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Проект запускает локальный сервер разработки и сборку, скилл правит файлы доклада
- Скилл читает ваши исходные материалы, включая PPTX, и пишет сцены в проект
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/beatdeckОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Проект запускает локальный сервер разработки и сборку, скилл правит файлы доклада
- Скилл читает ваши исходные материалы, включая PPTX, и пишет сцены в проект
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
beatdeck строит доклад из битов: один клик равен одному биту на неподвижной сцене React 1920×1080. Состояние описывается парой `{ scene, beat }`, а адрес вроде `#3.4` всегда дает один и тот же кадр, будь то движение вперед, назад, прыжок или обновление страницы. Автоматическое движение запускается там, где вы его задали, например как таймлайн GSAP (журнал загрузки, счетчик, каскад), все остальное ждет докладчика. В комплекте окно докладчика (клавиша P) с текущим и следующим битом, заметками и таймером, обзор сцен (O), панель отладки и затемнение (B). Сборка работает офлайн: шрифты, изображения и QR-коды лежат внутри, а `npm run build` падает, если что-то обращается в сеть. Скилл `building-a-beatdeck` ведет весь процесс: собирает исходники (есть экстрактор PPTX), пишет аудит содержания, чтобы ничего не терялось и не выдумывалось, проектирует карту битов, применяет тему, собирает сцены и запускает `npm run verify`, после чего просматривает каждый кадр. Он ставится плагином Claude Code или копированием папки в каталог скиллов, а проект создается командой `npx degit borjaperfra/beatdeck my-talk`.
Для кого. Докладчикам на конференциях и митапах, которые хотят управляемую живую подачу с анимацией и режимом докладчика и готовы собрать ее с помощью агента.
Подходит, если
- Доклад про систему должен показывать растущую схему, счетчик и сбой с затемнением
- Готовую презентацию в PPTX надо переложить в сцены и биты и ничего не потерять
- Выступление идет через кликер, и нужна подача по клику без скачков
- Зал без Wi-Fi: все ресурсы должны быть внутри сборки
- Хочется открыть на адресе точно тот же кадр после обновления страницы
Не подходит, если
- Нужны привычные слайды с редактором и шаблонами: здесь доклад собирается кодом React
- Команда без Node.js: инструменту нужны Node и npm
- Нужна совместная правка в облаке: проект живет в локальном репозитории
Пример запроса к агенту
Преврати talk.pptx в beatdeck и добавь сцену, где архитектура вырастает до трех серверовОграничения
Для работы нужны Node.js и npm, доклад собирается как React-проект на Vite. Лицензия кода и документации MIT, а витрина Kernel Panic содержит чужие материалы с собственными условиями, ссылка на список источников лежит в репозитории. Команда `init` удаляет витрину, файлы плагина и CI самого beatdeck из вашей копии. Для обновления есть `upgrade`, он не трогает папку `deck/` и `index.html`, а измененные файлы движка сохраняет в `.beatdeck-backup/`. Последний коммит сделан в октябре 2026 года.
Как отключить. Для плагина выполните `/plugin uninstall beatdeck` в Claude Code. Проект доклада удаляется как обычная папка, скилл building-a-beatdeck убирается вместе с ней или из ~/.claude/skills/.
Частые вопросы
Чем бит отличается от слайда?
Слайд листают страницами, бит это шаг внутри сцены: один клик запускает один бит, например рост схемы или счетчик. Состояние всегда пара сцены и бита, поэтому кадр однозначно воспроизводится по адресу.
Какими клавишами управлять?
Следующий бит: стрелки вправо и вниз, PageDown, клик, пробел. Предыдущий: влево, вверх, PageUp. Еще 1–9 для сцены, F для полного экрана, O обзор, P окно докладчика, B затемнение.
Что делает скилл building-a-beatdeck?
Собирает исходники, пишет аудит содержания, проектирует карту битов, применяет тему, строит сцены и запускает `npm run verify`, после чего просматривает каждый кадр.
Работает ли без интернета?
Да, шрифты, изображения и QR-коды лежат внутри сборки, а `npm run build` падает, если что-то ссылается на сеть.
Как обновить движок?
Командой `upgrade`: она заменяет движок, скилл, скрипты и базовые темы, но не трогает папку deck/. Измененные вами файлы движка сохраняются в .beatdeck-backup/.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСкилл для агента: переоформляет README репозитория и собирает hero, схемы и SVG-ассеты под тему проекта
Помощник технического писателя для Antigravity: панель Markdown, четыре проверки MCP и пять навыков от заметок до публикации.
Набор скиллов для Codex, который ведет идею до готовой презентации-предложения: стратегия, рукопись, визуал, ревью и сдача.
Плагин DeepSeek Harness с пятью скиллами: веб-презентации, карточки для соцсетей, верстка статей, чистка текста и голос
Скилл делает из текста или ссылки инфокарточку в журнальном стиле и снимает PNG через Playwright, длинные режет на части
Скилл для агента, который собирает карусели соцкарточек и парные обложки из статьи, скриншотов, заметок или видео в двух визуальных системах
Коротко о README
Описание начинается с девиза «доклады как биты, а не слайды» и быстрого старта. Дальше разобраны причины выбора модели (один клик, детерминизм, анимация, одна сцена, офлайн, инструменты докладчика), обновление, горячие клавиши и описание скилла с установкой.