HTML Слайды
Discover and install skills for AI agents.
AIclaude-office-skills
official
Документы
Что делает навык
Навык позволяет создавать интерактивные HTML-презентации с использованием фреймворка reveal.js. Он обеспечивает генерацию слайдов с анимациями, подсветкой кода, заметками докладчика и адаптивным дизайном.
Когда применять
- Создание интерактивной презентации о продукте
- Разработка презентации с пошаговым разбором кода и подсветкой синтаксиса
- Подготовка слайдов с заметками для докладчика и таймером
- Генерация презентации с анимациями и переходами между слайдами
Как работает
- Получить от пользователя описание желаемой презентации, темы, переходов и необходимых функций
- Сформировать базовую структуру HTML-документа с подключением стилей и скриптов reveal.js через CDN
- Создать структуру слайдов, используя теги section для горизонтальных и вложенных вертикальных слайдов
- Добавить элементы анимации (fragments), подсветку кода (highlight) и заметки (notes) по необходимости
- Настроить параметры инициализации Reveal (темы, переходы, управление, плагины) в JavaScript
- Вернуть готовый HTML-код презентации
Примеры запросов агенту
Создай интерактивную презентацию о нашем продукте
Построй презентацию с разбором кода и подсветкой синтаксиса
Сделай презентацию с заметками докладчика и таймером
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «html-slides» из репозитория:
# https://github.com/claude-office-skills/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r html-slides/ ~/.claude/skills/html-slides/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.