Словами самого skill
Генерирует горизонтально прокручиваемую веб-презентацию как единый самодостаточный HTML-файл с WebGL-фонами для геро-слайдов, режимом докладчика, синхронизацией со зрительским экраном, заметками докладчика, разделителями глав, страницами с крупными числовыми данными и сетками изображений. Два взаимоисключающих визуальных направления: A — Electronic Magazine x E-ink (заголовки с засечками, плавный фон, тёплые тона) и B — Swiss International Style (весь текст без засечек, 12-колоночная сетка, фон из точек сетки, один контрастный акцент из IKB, лимонно-жёлтого, лимонно-зелёного или safety orange).
Страницы основного текста в стиле B должны использовать один из 22 зарегистрированных макетов, S01-S22, с тегом data-layout. Для дизайнеров и разработчиков, готовящих доклады, запуски продуктов и демо-дни, которым нужна готовая презентация за один проход без отдельного инструмента для слайдов.
Что он выдаёт
- Однофайловая HTML-презентация с горизонтальным переключением страниц, поставляемая как единый самодостаточный документ с уже подключёнными CSS, WebGL-шейдером, JS для постраничной навигации и режимом докладчика.
- Запись SPEAKER_NOTES генерируется в том же порядке, что и значения data-slide-id слайдов, и содержит поля цели, реплик, перехода и опционального сценического указания.
- Структура презентации, сохранённая в виде markdown-файла рядом с презентацией, чтобы на неё можно было опираться в последующих итерациях.
Как это работает
- 01Сначала проверить наличие обновлений в вышестоящем репозитории
Skill загружает репозиторий и считает, насколько HEAD отстаёт от вышестоящей ветки, затем спрашивает пользователя перед тем, как что-либо подтягивать.
- 02Согласовать семь вопросов перед началом работы
Сначала определяется стиль A или B, затем аудитория и обстановка, длительность, исходные материалы, изображения или скриншоты, цветовая палитра темы и жёсткие ограничения.
- 03Скопировать выбранный шаблон
Скопировать assets/template.html для стиля A или assets/template-swiss.html для стиля B в место расположения презентации и создать соседнюю папку images.
- 04Предварительно проверить имена классов
Перед написанием разметки любого слайда прочитать блок стилей шаблона и убедиться, что каждый используемый класс определён там.
- 05Спланировать ритм тем перед выбором макетов
Выписать тематический класс каждой страницы (hero dark, hero light, light, dark) и согласовать его перед выбором макетов.
- 06Самопроверка по чек-листу
После генерации открыть references/checklist.md и пройти его пункт за пунктом, затем запустить валидаторы и предпросмотр в браузере.