Кодирует формат слайдов, панель навигации на основе уровней, правила навигации и структуру разделов для однофайловой HTML-презентации.
npx clawhub@latest install presentation-structureНавык Presentation Structure даёт ИИ-агенту глубокие знания о том, как устроена и поддерживается конкретная однофайловая HTML-презентация (presentation/index.html). Он охватывает формат нумерации слайдов data-slide, систему навигационной панели с 4 уровнями пути, навигацию с клавиатуры и сенсорного экрана, соглашения о разделителях секций и правила безопасной перенумерации слайдов после редактирования. Установите этот навык, если хотите, чтобы агент читал, изменял или генерировал слайды, соответствующие архитектуре данной презентации, не нарушая навигацию или панель прогресса уровней.
npx clawhub@latest install presentation-structureНажмите кнопку Установить вверху страницы для настройки в один клик
data-slide и ссылки goToSlide() в оглавлении.section-slide, атрибутом data-level и текстом section-desc.goToSlide().presentation/index.html.Навык кодирует три типа слайдов — обычные слайды, секционные слайды перехода между уровнями и титульный слайд — вместе с необходимыми HTML-атрибутами (data-slide, data-level, CSS-классы). Агент знает, какие атрибуты являются обязательными, какие — необязательными, и какие элементы (например, .level-badge) не должны быть жёстко прописаны в HTML.
Вместо накопительного процента презентация использует четыре дискретных уровня (low, medium, high, pro), соответствующих заполнению шкалы на 25 / 50 / 75 / 100%. Навык Presentation Structure фиксирует, какие именно диапазоны слайдов активируют каждый уровень, какие слайды наследуют предыдущий уровень, а также то, что шкала скрыта на слайде 1 и остаётся пустой до первого перехода с атрибутом data-level.
После любого структурного редактирования агент обязан перенумеровать все атрибуты data-slide последовательно начиная с 1, обновить каждый вызов goToSlide() на слайде оглавления/карты пути и убедиться в отсутствии пропусков или дублирований. Навык Presentation Structure фиксирует, что totalSlides вычисляется автоматически на основе DOM и не требует ручного обновления.
Навык охватывает функцию goToSlide(n), используемую в ссылках оглавления, автоматически вычисляемое значение totalSlides, а также поддерживаемые методы ввода: клавиши со стрелками, пробел и свайп касанием. Это позволяет агенту проверять, что ссылки оглавления остаются согласованными после перенумерации.
Разделители секций следуют точному формату: класс section-slide, необязательный атрибут data-level, абзац section-number, заголовок <h1> и абзац section-desc с названием уровня. Presentation Structure информирует агента о полной ожидаемой разметке, чтобы вновь создаваемые секции сразу соответствовали требованиям.
Пользователь просит агента вставить новый раздел «Часть 7» после слайда 46. Presentation Structure указывает агенту создать div типа section-slide со следующим порядковым номером data-slide, добавить соответствующий data-level, перенумеровать все последующие слайды и обновить все вызовы goToSlide() на слайде с оглавлением.
Агент сканирует presentation/index.html на наличие пропусков или дублирующихся значений data-slide и сверяет каждый вызов goToSlide() с фактическими номерами слайдов, сообщая о любых несоответствиях — задача, полностью поддерживаемая правилами перенумерации, закреплёнными в навыке Presentation Structure.
Пользователь хочет получить сводку о том, какие слайды относятся к какому уровню пути. Агент использует таблицу переходов между уровнями в навыке Presentation Structure, чтобы сформировать точное соответствие диапазонов слайдов, значений data-level и соответствующих процентов заполнения полосы прогресса — без необходимости читать весь HTML-файл.
При запросе на создание нового слайда агент использует точные HTML-шаблоны из этого навыка — выбирает правильный класс (title-slide, section-slide или обычный slide), размещает корректные атрибуты и знает, что .level-badge следует опускать в исходном HTML, поскольку он добавляется через JS во время выполнения.
npx clawhub@latest install presentation-structureВойдите, чтобы написать отзыв
Отзывов пока нет. Будьте первым, кто поделится своим опытом!