YouTube-обложки генерирует LLM, не Midjourney
Каждую неделю новый урок. Каждому уроку — обложка. Ни графический редактор, ни AI-генератор изображений не нужны — LLM сама делает обложку по одному промпту. Вот как это устроено на моём канале.
Сделал через код.
Проблема
Обложки для YouTube — это время. Открыть редактор, поменять текст, выровнять, экспортировать. Минут пятнадцать на одну картинку. А когда делаешь это каждую неделю — рутина копится.
Каждый раз одно и то же. Меняется номер недели и заголовок. Шрифт, цвета, сетка на фоне — всё идентично.
Хотел так: одна команда агенту — обложка готова и на YouTube.
Решение
Попросил Claude Code на Opus создать HTML-шаблон для обложек:
Агент собрал страницу, добавил safe zone для оверлея длительности (YouTube кладёт его в правый нижний угол), настроил типографику. Потом — второй промпт:
Playwright рендерит HTML в PNG, curl отправляет на YouTube API с OAuth. Две команды — обложка обновлена.
Воркфлоу
HTML шаблон Playwright YouTube API
(текст) → (скриншот) → (загрузка)
↓ ↓ ↓
редактор 1280×720 OAuth
в Claude PNG refresh token
Теперь говорю агенту “обнови обложку, заголовок такой-то” — готово за секунды.
Почему HTML, а не Figma
Перед тем как делать, посмотрел что работает. По данным Awisee, 90% топовых видео используют custom thumbnails, а лица с эмоциями дают +20-30% к CTR. Alici.AI пишут что текст из 3-5 слов добавляет 30% к кликабельности, а visual cues вроде стрелок — ещё 25%.
Шрифт от 75px, чтобы читался на мобильных. По vidIQ — минимальный размер 1280×720, формат PNG для текстовых обложек.
HTML даёт всё это. Типографика через CSS. Размеры в пикселях. Grid-pattern через background-image. Текст редактируется в одну строку — не нужно искать слой в Figma.
Похожий подход я уже использовал для генерации карточек через HTML и Playwright — та же механика. Там были квадратные карточки для Telegram, здесь — 16:9 обложки для видео.
Детали
Playwright рендерит HTML за секунду. YouTube API принимает POST на /thumbnails/set, максимум 2MB. OAuth обновляется автоматически через refresh token, логиниться каждый раз не нужно.
David Bushell делает так же для OG-изображений — HTML плюс Playwright. Увидел его статью и понял, что подход рабочий. У него — блог, у меня — обложки курса.
Результат
Обложка обновляется одной командой агенту. Поменял заголовок — готово.
Код в git. Откатиться к прошлой версии — одна команда. Поменять цвет акцента на всех обложках — одна строка в CSS. Не замена дизайнеру для сложных креативов, но для серийных контентных обложек — по-моему, лучший воркфлоу.
Подписаться на обновления — @sereja_tech