youtube-thumbnail-design — скилл для Claude Code: превью YouTube
Скилл для дизайна превью YouTube: размеры, контраст, безопасные зоны и генерация картинок через CLI belt.
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/youtube-thumbnail-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/youtube-thumbnail-design/
1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a codex2Вручную: положить файлы
.agents/skills/youtube-thumbnail-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a cursor2Вручную: положить файлы
.cursor/skills/youtube-thumbnail-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install 101-skills/superpowers youtube-thumbnail-design2Вручную: положить файлы
.github/skills/youtube-thumbnail-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/101-skills/superpowers --path guides/design/youtube-thumbnail-designВручную: положить файлы
.devin/skills/youtube-thumbnail-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add 101-skills/superpowers --skill youtube-thumbnail-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора22
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о 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.