Нейросеть для презентаций: слайды в HTML и PDF
Я делаю презентации к выступлениям в Claude Code. Этот ИИ-агент читает материалы в папке и собирает HTML-слайды для показа в браузере. Для слушателей готовлю PDF. Ниже показываю весь путь и проверку экспорта: в PDF могут пропасть текст и числа.
Способ платный. На 15 октября 2026 года Pro стоит 20 долларов в месяц, Max от 100; есть оплата через API. Беларусь отсутствует в списке поддерживаемых регионов Anthropic. В других агентах этот путь для статьи не проверяли. Проверка PDF от агента не зависит.
Понадобятся свои заметки или запись выступления. Июньские 14 слайдов я сделал меньше чем за четыре часа, сентябрьскую версию переделал примерно за три с половиной. План ниже из июня, слайды и PDF из сентября. Генераторы слайдов здесь не сравниваю.
Когда HTML, а когда PowerPoint
HTML выбрали из-за показа: ведущему эфира нужны были анимация и отклик на курсор.
Показ
Анимация и реакция на курсор; F включает полный экран
Анимация и переходы между слайдами
Правки
Через агента или в HTML
В PowerPoint
Файл слушателям
Печать в PDF из браузера, затем проверка
Экспорт в PDF, затем проверка
Если коллеги будут править слайды в PowerPoint, выбирайте .pptx. Как собрать такую презентацию из таблицы с цифрами и сверить результат, показано в статье о презентации продаж.
Шаг 1. Сырьё: пожелания, расшифровка, прошлая версия
К июньскому эфиру у меня было три источника: голосовые пожелания ведущего, расшифровка прошлого эфира с вопросами зрителей и прошлая версия презентации в PDF. Расшифровка показывает, как я объяснял тему вслух и на каких вопросах люди застревали. Схему слайда задал ведущий: проблема, одно выбранное решение и причина выбора.
Переведите голосовые в текст и сохраните их как voice-1.txt, voice-2.txt. Расшифровку прошлого выступления назовите efir.txt. Сложите файлы в отдельную папку и откройте её в агенте. Если записи нет, используйте свои заметки и удалите из запроса упоминание efir.txt.
Шаг 2. План до первого слайда
Переделать готовые слайды дольше, чем поправить строку плана, поэтому спорить с агентом стоит, пока есть только план. План июньского эфира появился через час после расшифровки голосовых: на каждый слайд суть, содержимое, картинка, анимация входа, реакция на наведение и слово для выделения. У большинства мыслей пометка источника. Тезис без пометки проверьте по исходникам; если подтверждения нет, уберите его из плана.
В папке лежат мои голосовые заметки к выступлению (voice-*.txt) и расшифровка прошлого эфира на ту же тему (efir.txt). Через неделю у меня эфир на 40 минут. Составь план презентации в файле plan.md: 1. Сначала реши формат: HTML-страница в браузере или PowerPoint. Мне нужны анимация появления и реакция на наведение курсора. 2. Не больше 14 слайдов. На каждом одна мысль: проблема и решение, которое мы выбираем, с причиной. 3. Для каждого слайда: суть одной фразой, что на слайде, визуал, анимация входа, что происходит при наведении. 4. У каждой мысли пометь источник: голосовая заметка или эфир. Чего нет в источниках, не добавляй. 5. Вопросы зала из расшифровки, которые не влезли в слайды, вынеси в конец списком.
15 октября мы отдали запрос агенту в пустой папке с теми же материалами. За 9,6 минуты он подготовил план на 14 слайдов. Главное должно быть видно без наведения: зрители эфира курсором не управляют. Тезисы помечены ссылками на голосовые заметки и строки расшифровки. Отдельная таблица связывает 24 вопроса зрителей со слайдами.
Шаг 3. Презентация одним файлом
По плану агент собирает presentation.html. В сентябрьской версии 14 слайдов и 85 КБ, внешних библиотек нет, из сети подгружаются только шрифты.
В сентябрьской версии шрифты заголовков и основного текста не поддерживали кириллицу. Для нового файла запрос требует шрифты с русскими буквами и работу без сети.
По plan.md сделай презентацию одним файлом presentation.html: - слайды 1280×720, масштабируются под экран; стрелки и пробел листают, F открывает полный экран; есть полоса прогресса и номер слайда; - анимация входа и реакция на наведение соответствуют плану, внешних библиотек нет; - шрифты с кириллицей встроены в HTML, презентация открывается без сети; - правый нижний угол свободен под окно камеры.
В контрольном прогоне 15 октября на этот запрос ушло 28 минут. Получился файл на 14 слайдов весом 207 КБ: шрифты с кириллицей встроены и урезаны до нужных символов, запросов в сеть нет. Агент скриптом проверил свободный угол под камеру на всех слайдах и 148 подсказок: ни одна не выходит за край слайда.
Шаг 4. Заметки спикера отдельным файлом
Слайд показывает картинку, голос говорит то, чего на слайде нет: это правило из заметок к эфиру. Режима докладчика у презентации нет, поэтому заметки лежат отдельным файлом: на показе откройте их на втором экране или телефоне.
Прочитай plan.md и presentation.html. Создай speaker-notes.md. Для каждого слайда укажи время, тезисы для устного рассказа, обязательную мысль и переход к следующему слайду. Не дублируй текст слайда. Рассчитай выступление на 40 минут и добавь в начало таблицу контрольных точек по времени.
В контрольном прогоне агент подготовил заметки за 6,9 минуты. В начале файла таблица контрольных точек на 40 минут с подсказками, что сократить при отставании. У каждого слайда есть тезисы со ссылками на расшифровку и порядок наведения курсора. Повторы агент искал скриптом, сравнивая заметки с текстом слайдов.
В моих сентябрьских заметках конец второго слайда на 4:00, финал на 38:00, буфер до 40:00. Если отстаю больше чем на две минуты, режу истории и оставляю тезисы. Слайд 8 вы видели выше.
## Слайд 8. Что доверять ИИ, а что нет Тайминг: 17:00–19:00 (2 мин) Тезисы голосом: - Реплику «сжечь твои токены» говорит робот слева внизу на слайде, можно кивнуть на него. - Пункты появляются по одному: не спешить, дать им выехать. Сказать обязательно: - «Пока что»: агенты уже сами тыкают и смотрят консоль, но сегодня последний рубеж всё равно твои глаза. Мостик: «Прилка написана и проверена. Теперь как её донести до магазина. Тут вас ждёт сюрприз: сложность не там, где вы думаете».
Шаг 5. Экспорт в PDF и проверка страниц
В конце мая участники одного обучения скачали PDF презентации и увидели только фон, хотя у администратора тот же файл открывался целиком. 15 октября мы повторили экспорт на копии сентябрьской версии в Chromium 156, том же движке, что печатает PDF в Chrome, и открыли результат в poppler и в движке «Просмотра» на Mac.
| Как печатали | Страниц | Размер | Картинок с маской во весь слайд |
|---|---|---|---|
| файл как есть | 1 из 14 | 2,0 МБ | 3 |
| все слайды показаны, эффекты не тронуты | 14 | 23,7 МБ | 56 |
| печатные стили | 14 | 1,1 МБ | 0 |
| печатные стили, без теней, шрифты с кириллицей | 14 | 0,9 МБ | 0 |
- Полупрозрачные слои. В нашем экспорте Chromium превратил свечения и размытый фон в крупные картинки. Их прозрачность хранится в маске SMask. Если просмотрщик не применяет маску, картинка может закрыть текст.
- Состояние слайдов. Изначально отображался только один слайд. Когда мы вывели в печать остальные, часть текста осталась прозрачной, а счётчики показали нули.
- Шрифты. В выбранных шрифтах заголовков и основного текста не было кириллицы. Браузер подставил запасные.
Во втором варианте восемь страниц пустые, на пяти остались отдельные карточки, а счётчики напечатались нулями вместо чисел из HTML. В третьем текст набран Georgia, а «Просмотр» рисует чёрный прямоугольник на месте тени за телефоном на обложке. Чистым вышел только четвёртый.
Попросите агента подготовить PDF в том же разговоре. Он прочитает HTML и настроит печать под вашу презентацию.
Сделай из presentation.html файл presentation.pdf для слушателей: одна страница 1280×720 на слайд. Печатай через Chromium без окна (headless), например через Playwright. В печатной версии все слайды видны, анимации в конечном состоянии, счётчики показывают итоговые числа, полупрозрачные декоративные слои (свечения, зерно, размытие фона) выключены. Проверь результат: число страниц равно числу слайдов, в PDF нет картинок с мягкой маской (SMask) размером во весь слайд, русский текст набран выбранными шрифтами, без запасных вроде Georgia. Напиши, какими командами проверял.
В контрольном прогоне подготовка PDF заняла 5 минут. При первой печати проверка нашла запасной Times-Roman: стили превращали подписи в заглавные, а нужных русских букв в урезанных шрифтах не хватало. Запасной шрифт использовался и на экране. Агент добавил недостающие буквы и напечатал PDF заново: 14 страниц, пять выбранных шрифтов, картинок с маской нет.
Запустите check-pdf.sh для готового PDF. Скрипт покажет число страниц, названия шрифтов и крупные картинки с маской. Сверьте шрифты с выбранными в HTML. Откройте картинки из папки pages: на каждой странице должны быть текст и итоговые числа из слайда. Затем проверьте PDF в программе слушателей. Проверка рассчитана на экспорт из Chrome и Chromium.
#!/bin/bash
# Проверка PDF, напечатанного из HTML-презентации: страницы, шрифты, картинки с маской во весь слайд.
# Запуск: bash check-pdf.sh presentation.pdf
# Нужны poppler (на Mac: brew install poppler) и python3.
PDF="$1"
pdfinfo "$PDF" | grep -E '^Pages'
pdffonts "$PDF" | awk 'NR > 2 { sub(/^[A-Z]+\+/, "", $1); print "шрифт:", $1, "|", $2, $3 }' | sort -u
python3 - "$PDF" <<'PY'
import re, sys
d = open(sys.argv[1], 'rb').read()
imgs = re.findall(rb'/Subtype /Image\s*/Width (\d+)\s*/Height (\d+)[^>]*?/SMask', d)
big = [w for w, h in imgs if int(w) >= 1000 and int(h) >= 500]
print('картинок с маской:', len(imgs), '| во весь слайд:', len(big))
PY
# Картинки страниц для просмотра глазами: прозрачный текст и нули в счётчиках видно только так.
mkdir -p pages && pdftoppm -r 40 -png "$PDF" pages/p && echo "страницы: pages/p-*.png"== все слайды показаны, эффекты не тронуты Pages: 14 шрифт: .SFNS-Bold | Type 3 … шрифт: Georgia | CID TrueType … шрифт: InstrumentSerif-Regular | CID TrueType … картинок с маской: 121 | во весь слайд: 56 == печатные стили, без теней, шрифты с кириллицей Pages: 14 … шрифт: Menlo-Bold | CID TrueType … шрифт: PTSans-Regular | CID TrueType … шрифт: PTSerif-Regular | CID TrueType шрифт: TimesNewRomanPSMT | CID TrueType … картинок с маской: 2 | во весь слайд: 0
Две оставшиеся маски крошечные, внутри шрифта эмодзи; стрелки и галочки набраны запасными шрифтами, в PT их нет.
Поставить такой процесс в своём проекте, от папки с сырьём до проверки PDF, можно на сессии по вайб-кодингу.
Читайте также
Что такое ИИ-агент и чем он отличается от чат-бота
ИИ-агент простыми словами: чем он отличается от чат-бота и ассистента. Проверили на Claude: без инструментов модель отчиталась о правке, которой не было.
Как установить Claude Code: Windows, Mac, VS Code
Команды для Windows и Mac, расширение VS Code, вывод настоящей установки и что делать, если терминал отвечает command not found или находит старую копию.
Скилы для Claude: где взять готовые и что ставить
Официальные скилы Anthropic, команды установки с выводом настоящего прогона и проверка чужого скила до установки. Показываю, какие скилы работают у нас.