html-slides

HTML Slides — Agent Skill для создания самостоятельных веб-презентаций с анимацией: с нуля, из PowerPoint или из существующего HTML. Инструмент рассчитан на Claude Code, Gemini CLI, GitHub Copilot и OpenAI Codex и помогает получить презентацию без ручного написания CSS и JavaScript. Базовый результат — один HTML-файл с встроенными CSS, JavaScript и заметками докладчика; проект позиционирует это как вариант без npm, сборщика и framework-зависимостей. Лицензия репозитория — MIT. Режим Pro включён по умолчанию. Он использует структурированные интерактивные компоненты и подбирает компонент под содержание: титульный слайд, statement, flip cards, сравнение, архитектурный flow, code block, before/after, статистические карточки, раскрывающиеся карточки, status timeline, таблицу, график или CTA с ссылками. Для графиков заявлена интеграция Chart.js и восемь типов визуализаций, включая bar, line, pie, doughnut, radar, polar, scatter и bubble. Pro подходит для технических докладов, продуктовых демонстраций, данных и API-обзоров. В README перечислены темы Obsidian, Excalidraw Light и Dark, Editorial Light и Binary Architect; темы меняют визуальную оболочку, не отменяя набор компонентов. Vibe mode предназначен для презентаций, где важнее настроение и свободная композиция. При таком запросе навык сначала уточняет содержание и желаемое ощущение, затем создаёт три визуальных превью и после выбора собирает всю презентацию. В README перечислены двенадцать направлений: тёмные Bold Signal, Electric Studio, Creative Voltage и Dark Botanical; светлые Notebook Tabs, Pastel Geometry, Split Pastel и Vintage Editorial; специальные Neon Cyber, Terminal Green, Swiss Modern и Paper & Ink. Поэтому Pro логичнее для структурированных технических материалов, а Vibe — для pitch deck, keynote и нетехнической истории, где нужно выбрать характер визуального оформления. HTML Slides умеет конвертировать PowerPoint, сохраняя изображения и содержимое, и преобразовывать произвольный HTML в собственный формат. README перечисляет распознавание reveal.js, Marp, impress.js, Slidev, экспорта Google Slides, статьи или блога с article/main и общий fallback по заголовкам. Для нового или преобразованного deck результат остаётся самодостаточным HTML; заметки докладчика хранятся внутри каждого слайда как скрытый JSON и могут быть прочитаны через DevTools во время показа. Это позволяет редактировать notes отдельным запросом к агенту, не создавая второй файл с состоянием. Установка поддерживает рекомендуемый remote-install.sh, клонирование репозитория с install.sh и ручное подключение к каталогам навыков конкретного агента. Повторный запуск remote installer используется для обновления. Для публикации README предлагает scripts/deploy.sh, который разворачивает HTML через Vercel и требует аккаунт Vercel, а scripts/export-pdf.sh делает PDF через Playwright и может автоматически установить Playwright; для PPT-конвертации нужен Python с python-pptx. Эти возможности являются отдельными этапами: self-contained HTML можно создать локально без них, а deploy и PDF зависят от внешних инструментов, учётных данных и конкретного окружения.