Генерация слайдов ConvertMonster - Инструкция
CM
Convert Monster
Академия digital-маркетинга

Генерация слайдов
в фирменном стиле

Версия 1.0  |  26.03.2026  |  Инструкция для самостоятельного использования
Что это

Система генерации презентаций ConvertMonster через Claude. Ты загружаешь 2 файла, вставляешь промпт - получаешь готовые слайды в фирменном стиле.

HTML - для браузера и Тильды PPTX - для Google Slides
Быстрый старт
1
Открой новый чат с Claude

Подойдет любая модель с поддержкой артефактов (Claude Sonnet / Opus).

2
Приложи 2 файла

CM_design_brief.md - дизайн-система (цвета, шрифты, типы слайдов).
RFDewi-Black.woff2 - фирменный шрифт для HTML-версии.

3
Скопируй промпт ниже, заполни [...] своими данными

Опиши какие слайды нужны - тип, заголовок, контент. Промпт ниже.

4
Получи HTML-файл, проверь, при необходимости конвертируй в PPTX

HTML открывается в браузере. PPTX загружается в Google Slides.

Промпт для генерации HTML-слайдов

Скопируй, замени [...] своими данными, вставь в чат с приложенными файлами:

Контекст: генерация слайдов презентации ConvertMonster. Дизайн-бриф: CM_design_brief.md (приложен). Шрифт: RFDewi-Black.woff2 (приложен). Задача: создай [количество] слайдов HTML в одном файле. Формат: 1250x1080px, навигация внизу (кнопки по названиям слайдов + стрелки). Фон: мягкий серо-голубой градиент из бриф. Шрифт: RF Dewi (заголовки, подключить через @font-face), Montserrat (body, Google Fonts). Слайды: 1. Тип: [T1-T10 из бриф] Заголовок: [текст] Акцентные слова (синим): [какие слова] Контент: [текст пунктов / определение / цифры] 2. Тип: [T1-T10] Заголовок: [текст] ... Правила: - Заголовки: UPPERCASE, italic, bold - Часть заголовка выделена синим (#0061F4), остальное темно-синим (#252D4D) - Карточки: белые, rounded-12, мягкая тень - Нумерация списков: розовые бейджи (#F5265C) - Нумерация процессов: синие бейджи (#0061F4) - Без эмодзи - SVG-иллюстрации вместо фото (если нужен персонаж) - Логотип: placeholder "CM" в круге + "CONVERT MONSTER" + разделитель + "Академия digital-маркетинга" - Контент центрирован вертикально (justify-content: center) - Весь файл - один HTML с переключением слайдов
Типы слайдов - шпаргалка

Указывай нужный тип в промпте. Подробности каждого типа описаны в CM_design_brief.md.

ТипКогда использоватьПример
T1Титул модуля / презентацииОбложка курса
T2Титул урокаНачало раздела
T3Ключевой тезис / вывод"Малая клиника выигрывает..."
T4Нумерованный список (01, 02...)Проблемы сегмента
T5Определение + пояснениеЧто такое unit-экономика
T6Контент + персонаж справаАватар клиента
T7Процесс / flow (горизонтальный)Путь пациента
T8Скриншот + пояснениеРазбор интерфейса
T9Домашнее заданиеЗадание для слушателя
T10Grid карточек (4 колонки)Бенчмарки, метрики
Цветовая палитра
Темно-синий#252D4D
Яркий синий#0061F4
Розовый#F5265C
Фон#EDF1F7
Карточки#FFFFFF
Серый текст#8B95A8
ⓘ Синий + розовый никогда не используются в одном элементе одновременно. Розовый - для нумерации списков, синий - для процессов и акцентов в заголовках.
Конвертация в PPTX

После проверки HTML-слайдов, конвертируй в PPTX вторым промптом:

Конвертируй приложенный HTML-файл слайдов в PPTX. Приложен: [имя файла].html Требования: - Размер слайда: кастомный 13.02" x 11.25" (= 1250x1080 px) - Стек: PptxGenJS (Node.js) + sharp (для растеризации SVG в PNG) - Фон: gradient PNG (через sharp), без bubble-кругов - Шрифт: Montserrat (подхватится в Google Slides автоматически) - Карточки: roundedRectangle, белая заливка, обводка #D8DDE6, тень - Контент центрировать вертикально на каждом слайде - Навигацию убрать (в PPTX не нужна) - SVG-персонажи: растеризовать в PNG через sharp и вставить как изображение - Цвета: без # в hex (требование pptxgenjs) - Не переиспользовать объекты shadow (создавать новый каждый раз)
Добавление слайдов к существующим
Контекст: презентация ConvertMonster, дизайн-бриф приложен. Приложен: [текущий файл слайдов].html Задача: добавь [количество] новых слайдов к существующим. Сохрани все текущие слайды без изменений. Добавь в навигацию. Новые слайды: 1. Тип: [T1-T10] Заголовок: [текст] Контент: [текст] ...
Частые вопросы
Шрифт RF Dewi не отображается в PPTX
Это нормально. В PPTX используем Montserrat - он подхватывается автоматически в Google Slides.
Карточки не видны
Проверяй в Google Slides, а не в LibreOffice. LibreOffice рендерит иначе.
Текст не читается на сером фоне
Попроси Claude сделать muted-текст темнее: #6B7590 вместо #8B95A8.
Контент прижат к верху слайда
Попроси Claude центрировать вертикально (justify-content: center).
Bubble-круги на фоне мешают
Попроси Claude убрать - они декоративные и необязательные.
Как вставить HTML в Тильду?
Через блок "HTML-код" или iframe/embed. Файл открывается как обычная веб-страница.
Как загрузить PPTX в Google Slides?
Google Slides - Файл - Импорт слайдов. Кастомный размер и Montserrat подхватываются автоматически.
Правила стиля - памятка

Делать

  • ✔ Заголовки: UPPERCASE, italic, bold
  • ✔ Часть заголовка - синим, часть - темным
  • ✔ Карточки: белые, скругленные, мягкая тень
  • ✔ Фон: мягкий серо-голубой градиент
  • ✔ Шрифт: Montserrat (фолбэк RF Dewi)

Не делать

  • ✘ Длинные тире (-) - только короткие (-)
  • ✘ Темный фон
  • ✘ Засечные шрифты (serif)
  • ✘ Прямые углы у карточек
  • ✘ Больше 2 акцентных цветов на слайде
CM
Convert Monster
Файлы для работы: CM_design_brief.md + RFDewi-Black.woff2
При вопросах - обратиться к Андрею (АС)
Made on
Tilda