AIKraft/Skills/HTML Слайды

HTML Слайды

Discover and install skills for AI agents.

claude-office-skills official Документы

Что делает навык

Навык позволяет создавать интерактивные HTML-презентации с использованием фреймворка reveal.js. Он обеспечивает генерацию слайдов с анимациями, подсветкой кода, заметками докладчика и адаптивным дизайном.

Когда применять

  • Создание интерактивной презентации о продукте
  • Разработка презентации с пошаговым разбором кода и подсветкой синтаксиса
  • Подготовка слайдов с заметками для докладчика и таймером
  • Генерация презентации с анимациями и переходами между слайдами

Как работает

  1. Получить от пользователя описание желаемой презентации, темы, переходов и необходимых функций
  2. Сформировать базовую структуру HTML-документа с подключением стилей и скриптов reveal.js через CDN
  3. Создать структуру слайдов, используя теги section для горизонтальных и вложенных вертикальных слайдов
  4. Добавить элементы анимации (fragments), подсветку кода (highlight) и заметки (notes) по необходимости
  5. Настроить параметры инициализации Reveal (темы, переходы, управление, плагины) в JavaScript
  6. Вернуть готовый 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 и совместимые) подхватывает его по описанию и следует шагам.