раздел 00

Почему HTML, а не PowerPoint

Агент в IDE умеет одно: писать код. Он не двигает блоки мышкой, не открывает PowerPoint и не видит ваш экран. Когда вы просите у него «сделай презентацию», самый естественный для него ответ - файл с кодом, который браузер покажет как слайды. Это и есть HTML-презентация.

Выглядит это так. Вы кладёте рядом с агентом файл с тезисами, пишете ТЗ на десять строк, через пару минут в папке появляется deck.html. Двойной клик - открылся браузер, слайд на весь экран, стрелка вправо листает. Дальше вы говорите «на слайде 4 сократи текст вдвое, а на шестом сделай цифры крупнее», и агент переписывает две секции в файле.

HTML-презентация - это обычный текстовый файл. Всё, что можно сказать словами, агент может поправить в нём за одну итерацию.

Что получаете на выходе

  • Один файл. Стили, слайды, скрипт навигации, картинки - всё внутри. Отправили файл в мессенджер, получатель открыл, ничего не устанавливая.
  • Открывается в любом браузере: на Windows, Mac, Linux, на телефоне. Без PowerPoint, без Keynote, без учётной записи в сервисе.
  • Слайды 16:9, как на проекторе. Файл сам подстраивает масштаб под размер окна, так что на ноутбуке и на большом экране пропорции одни.
  • Навигация стрелками, пробелом, кликом, свайпом на телефоне. Есть счётчик «5 / 18».
  • Правится текстом. Не нужно искать нужный блок мышкой: «на слайде 7 замени график на таблицу».
  • Версии хранятся в git. Показали вариант заказчику, он попросил вернуть как было вчера - откатились одной командой. Подробнее в курсе Основы git.
  • Схемы и графики рисуются кодом. Агент делает их как inline-SVG: воронка, таймлайн, столбики с цифрами. Ничего не нужно рисовать в стороннем редакторе и вставлять картинкой.

Чем это лучше сервиса вроде Gamma

Сервисы генерации презентаций хорошо описаны в соседнем курсе Презентации с ИИ: Gamma, Tome, Beautiful.ai. Они дают быстрый и приличный результат, и для многих задач этого хватает.

Разница появляется на правках. В сервисе вы упираетесь в его редактор: цвет можно поменять только из палитры темы, сетку не сдвинуть, шрифт ограничен списком. Пробуете поправить одну мелочь и тратите полчаса. В HTML любая мелочь - фраза агенту. А если у вас есть тезисы в файле, агенту не нужно ничего «додумывать» за вас: он берёт ваш текст и раскладывает по слайдам.

Ещё одно. Сервис хранит презентацию у себя. Файл HTML лежит у вас на диске рядом с остальными материалами проекта и живёт в том же git-репозитории, что и тексты.

Когда HTML
Своя презентация под выступление или отчёт, нужны правки по ходу, есть тезисы в тексте, хочется схем и графиков без стока.
Когда сервис или pptx
Требуют файл pptx, есть корпоративный шаблон, дальше слайды редактируют дизайнеры или коллеги без IDE.

Когда всё же нужен pptx

Бывает. Корпоративный шаблон с логотипом на каждом слайде, отдел маркетинга работает только в PowerPoint, площадка конференции принимает pptx и ничего другого. Тогда рабочая схема такая: сделать презентацию в HTML, довести содержание и структуру до готовности, а потом перенести в pptx. Переносить проще, когда все тексты и последовательность слайдов уже отлажены. Как собирать pptx с помощью ИИ и какие сервисы для этого есть - в курсе Презентации с ИИ.

Агент, кстати, умеет и pptx собирать кодом (библиотека python-pptx), но там правки заметно дольше и проверить результат сложнее: нужно открыть в PowerPoint и глазами пройти каждый слайд. HTML проверяется прямо в браузере рядом с IDE.

Что нужно уметь

Ничего специального. Нужен агент в IDE (любой, который умеет читать и писать файлы проекта) и браузер. Понимать код не обязательно, но полезно знать три слова: HTML, CSS, SVG. Если они совсем незнакомы, загляните в Основы веба, там полчаса чтения.

Дальше по курсу: из чего состоит такой файл и какие требования проговорить агенту, готовый промпт, цикл правок, как показывать и печатать, разбор типовых поломок.