Автор: Wyndo
Автоматизация каруселей для LinkedIn через HTML и CSS
Автор создал систему, которая превращает текст или ссылку на статью в готовые слайды для LinkedIn за 5 минут. Система использует HTML и CSS, что гарантирует стабильный дизайн и сохранение личных фото. Это решает проблему долгой ручной верстки в графических редакторах.
Результат: менее 5 минут на карусель
- Для кого
- Предприниматель
- SMM и контент
Что понадобится
- Инструменты
- Claude Code — ИИ-помощник, который работает в терминале и сам выполняет задачи на компьютере
- Нужно
- Аккаунт в нейросети
- Файлы логотипа и фото
- Текст или ссылка на статью
- Настройка
- 1 минута
- Сложность
- Без кода
Как повторить
- Настроить бренд-гайды один раз: передать цвета, шрифты, логотип и фото профиля.
- Подготовить текст для карусели или найти ссылку на статью.
- Отправить текст или ссылку агенту с инструкцией создать слайды.
- Получить HTML и CSS файлы от агента.
- Открыть файлы в браузере, сделать скриншоты каждого слайда.
- Конвертировать изображения в PDF и загрузить в LinkedIn.
Здесь — короткая схема. Пошаговые детали и скриншоты — в оригинале.
Подробная инструкция — у автораПромпт
Вставьте этот текст в ИИ-ассистента.
I want to create LinkedIn carousels using HTML/CSS. Here are my brand specifications: Primary color: [your hex code], Secondary color: [your hex code], Header font: [font name and size], Body font: [font name and size], Logo: [upload your logo file], Profile photo: [upload your photo]. Save these as my carousel brand guidelines.Подробности
Автор публиковал посты в LinkedIn, но избегал создания каруселей (слайдов). Ручная работа в графических редакторах занимала более двух часов и требовала усилий по выравниванию. Попытки использовать готовые шаблоны для презентаций давали скучный результат. Генерация изображений с помощью нейросетей не позволяла сохранить единый стиль и лицо автора на всех слайдах.
Решение оказалось в коде. Автор настроил агента, который принимает бренд-гайды (цвета, шрифты, логотип, фото) один раз. Затем агент генерирует HTML и CSS код. Этот код отображает слайды в браузере с идеальной версткой. Автор делает скриншоты, конвертирует их в PDF и загружает в соцсеть.
Результат: создание карусели занимает менее пяти минут. Дизайн остается профессиональным, а лицо автора всегда корректно отображается в футере. Система работает стабильно, в отличие от генерации картинок.
Источник
Оригинал: How I Built LinkedIn Carousels Using Claude Skills in Less Than 5 Minutes (aimaker.substack.com, англ.)
Переведено и упрощено ahamoment
Добавлено 28 октября 2026 г.