Генерация визуала параллельно у нескольких AI + стоки + мокапы и видео сайта из URL.
Использует
Нужно подключить API
Чтобы навык работал, понадобятся ключи этих сервисов. Ссылка ведёт туда, где их получить:
Что делает
Параллельная генерация визуала в нескольких AI (Recraft v3, Gemini Nano Banana, Imagen 4, OpenAI, Flux) + поиск по стокам (Unsplash / Pexels / Pixabay), превью-грид в браузере, опц. загрузка в Cloudinary и векторизация/сжатие. 3 ценовых тира. Плюс ветка `/content-mockup`: из ссылки на сайт делает пачку красивых мокапов — скриншот в рамке браузера / iPhone / iPad / MacBook или устройство в тематическом контексте (ноут в бане, телефон в руке), с выбором визуального направления «как в тиндере» и адаптацией объёма под слоты страницы (desktop + mobile). Новое — фотореалистичное качество: устройство стоит в сгенерированной сцене с настоящим светом (блики, тени и отражения сцены переносятся на вставленный скриншот, экран пиксель-в-пиксель), скриншот снимается ровно под аспект экрана (без обрезки), пальцы корректно перекрывают контент. Плюс профессиональные PSD-шаблоны через Dynamic Mockups API — в слепом сравнении локальный движок обошёл платный сервис по реализму. Новая ветка `/content-screencast`: из ссылки делает готовые видео сайта в рамке девайса — идеально гладкий скролл 60fps (хитрость: не запись реального скролла, который дёргается, а плавная панорама по одному длинному скриншоту), запись реальных кликов и переходов по сценарию, gif и постеры для превью, с проверкой каждого шага и автозаливкой в Cloudinary.
Как пользоваться
- 1«сгенери картинку X» или
/content-gen <промт>. - 2Выбираешь тир: explore / mid / premium.
- 3Смотришь грид вариантов, выбираешь лучший.
- 4Мокапы:
/content-mockup <url>→ скриншот сайта → тиндер направлений → пачка под слоты. - 5Фотореалистичные мокапы: своя сцена + перенос света сцены на экран (локально, бесплатно) или PSD через Dynamic Mockups.
- 6Видео сайта:
/content-screencast <url>→ гладкий скролл 60fps в рамке iPhone / браузера / MacBook (desktop + mobile), опц. запись кликов по сценарию, gif и постеры. - 7Опц.: векторизация в SVG / сжатие, загрузка в Cloudinary.
Когда срабатывает
Пример
/content-mockup https://мой-сайт.ru — скриншотит сайт, показывает тиндер направлений, собирает пачку мокапов в рамках и в контексте (desktop + mobile).
Обновления
Новая ветка `/content-screencast` — видео сайта из одной ссылки. Гладкий скролл 60fps в рамке iPhone / браузера / MacBook (хитрость: не запись реального скролла, который дёргается, а плавная панорама по длинному скриншоту), запись реальных кликов и переходов по сценарию, gif и постеры для превью. Каждый шаг проверяется (битое видео не проскочит), идемпотентная автозаливка в Cloudinary без дублей.
Мокапы доросли до фотореализма. Устройство теперь стоит в сгенерированной сцене с настоящим светом: блики, тени и отражения сцены переносятся на вставленный скриншот (экран пиксель-в-пиксель, без диффузионных искажений текста). Скриншот снимается ровно под аспект экрана — сайт влезает целиком без обрезки, пальцы корректно перекрывают контент, углы скруглены. В слепом сравнении локальный движок обошёл платный Dynamic Mockups по реализму; PSD-путь через их API оставлен для готовых чужих шаблонов.
Выложен в open source — репозиторий Redloft/content-gen (MIT). Готовый промт для установки в Claude Code — по кнопке на карточке.
Новая ветка `/content-mockup`: из URL сайта — пачка мокапов (рамки браузера/iPhone/iPad/MacBook и устройство в тематическом контексте), выбор направления «как в тиндере», объём под слоты страницы (desktop + mobile).
Добавлен в каталог RedSkills.
Понравился скилл? Новые разборы и обновления — в канале.