К основному содержанию
скилл CX Codex

youtube-thumbnail-design — скилл для Claude Code: превью YouTube

Скилл для дизайна превью YouTube: размеры, контраст, безопасные зоны и генерация картинок через CLI belt.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a claude-code
Открыть на GitHub

Что делает youtube-thumbnail-design

Скилл задаёт рамки, в которых превью остаётся читаемым: 1280 x 720 px (рекомендуется 1920 x 1080), соотношение 16:9, файл до 2 MB, форматы JPG, GIF и PNG. Главная проверка — тест на 120 px: именно такой шириной превью показывается на мобильном, и на нём должны читаться эмоция, сюжет и текст, если он есть.

Внутри есть карта безопасных зон. Критичные элементы не ставят в правый нижний угол (там плашка длительности), в левый нижний (маркеры глав) и по краям, которые обрезаются по-разному на разных устройствах. Отдельные разделы — про контрастные пары цветов, правила текста (до 6 слов, крупный жирный шрифт с обводкой) и психологию выражения лица: удивление даёт самый высокий CTR, нейтральное выражение — самый низкий. Есть готовые шаблоны промптов под туториал, до/после, обзор-сравнение и список.

Картинки генерируются командами belt app run … с моделями вроде falai/flux-dev-lora и bytedance/seedream-4-5. Заранее нужен CLI belt и вход через belt login; сам скилл ставится вместе с навыком belt из belt-sh/cli.

Какие задачи решает

  • сгенерировать превью под туториал или обзор по готовому промпту
  • проверить, читается ли превью на мобильном при ширине 120 px
  • подобрать контрастную пару цветов под настроение ролика
  • разместить текст и лицо так, чтобы их не перекрыла плашка длительности
  • выбрать выражение лица под тип контента

Примеры запросов агенту

  • Сгенерируй превью для видео про обзор ноутбука через belt app run falai/flux-dev-lora, размер 1280 x 720
  • Проверь моё превью тестом на 120 px и скажи, что переделать
  • Сделай превью в стиле до/после: слева бардак на столе, справа порядок

Как установить youtube-thumbnail-design

1Через Skills CLI (Vercel)

npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a claude-code

2Вручную: положить файлы

~/.claude/skills/youtube-thumbnail-design/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/youtube-thumbnail-design/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора22

app-store-screenshots Создаёт материалы для карточек Apple App Store и Google Play: скриншоты, макеты устройств и ролики. Пригодится при подготовке листинга приложения. CX Codex +1 55 600установок product-hunt-launch Скилл собирает галерею, теглайн и комментарий мейкера для запуска на Product Hunt, а картинки и разведку конкурентов генерирует через CLI belt. CX Codex +1 55 400установок competitor-teardown Скилл для структурного анализа конкурентов: матрица функций, SWOT, карта позиционирования и скриншоты сайтов через CLI. CX Codex +1 55 400установок video-ad-specs Справочник технических требований и промптов для создания видеорекламы под разные соцсети. Помогает учесть хронометраж, пропорции и безопасные зоны. CX Codex +1 55 500установок image-to-video Скилл-справочник по превращению статичных картинок в короткие видео: выбор модели, промпты движения и движения камеры. CX Codex +1 55 400установок p-video Генерирует видео по тексту или картинке через утилиту belt и модели Pruna. Пригодится, когда нужно получить ролик в 720p или 1080p прямо из чата с агентом. CX Codex +1 12 400установок p-image Скилл гоняет модели Pruna P-Image из терминала: текст в картинку, правка готовых изображений, стили LoRA и склейка нескольких картинок в одну. CX Codex +1 12 400установок seedance Скилл для генерации видео с синхронным звуком через ByteDance Seedance 2.0 и CLI inference.sh. Пригодится для роликов, демо и анимации. CX Codex +1 12 300установок

Похожие

muapi-youtube-thumbnail SamurAIGPT Скилл собирает промпт и генерирует картинку 16:9 для превью YouTube, а потом подсказывает текст и шрифт для наложения. CX Codex +1 2 500установок thumbnail-design social-media-skills Скилл пишет бриф на обложку YouTube и план A/B-теста: одна точка фокуса, читаемость на телефоне, честное обещание вместо кликбейта. CX Codex +1 699установок Skywork Design SkyworkAI Скилл генерирует и редактирует изображения через Skywork Image API: постеры, логотипы, инфографика, правка готовых картинок. Пригодится, когда нужен визуал прямо в проекте. CX Codex +1 350установок muapi-youtube-shorts SamurAIGPT Нарезает длинное видео на вертикальные клипы 9:16 с оценкой виральности и авто-кропом по лицу. Пригодится, когда из подкаста или стрима нужны Shorts, TikTok или Reels. CX Codex +1 2 700установок youtube-intro-outro iart-ai Собирает 3–5-секундное интро с логотипом и аутро с зонами под кнопки YouTube. Пригодится, если канал ведёт один шаблон, а меняется только бренд. CX Codex +1 686установок youtube-research PostPlusAI Скилл собирает публичные данные YouTube-каналов: метрики видео, выборку комментариев и записи роликов. Пригодится для анализа контента и аудитории. CX Codex +1 1 100установок

Рядом в теме «Дизайн»

Всё по теме «Дизайн» →

Вопросы о youtube-thumbnail-design

Как установить youtube-thumbnail-design в Claude?

Выполните npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a claude-code. Файл скилла появится по пути ~/.claude/skills/youtube-thumbnail-design/SKILL.md.

Что делает youtube-thumbnail-design?

Описывает, как собрать превью YouTube: размеры и форматы, безопасные зоны, контраст цветов, правила текста и выражения лица. Плюс даёт промпты для генерации картинок через belt.

Что нужно для генерации превью?

CLI belt и вход через belt login. Готовые команды вызывают модели falai/flux-dev-lora и bytedance/seedream-4-5.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой