Communitygithub.com

101-skills/superpowers

Conception de miniatures YouTube optimisées grâce à des dimensions spécifiques, des règles de contraste, des tests de visibilité mobile, la psychologie des expressions faciales et des tests A/B. Idéal pour : miniatures YouTube, images de couverture de vidéo, optimisation du taux de clics.

Qu'est-ce que superpowers ?

Cette compétence (skill) pour agents IA est conçue pour aider les créateurs de contenu à concevoir des miniatures YouTube à fort taux de clics (CTR). Elle fournit un guide complet couvrant les dimensions recommandées (1280x720 px minimum, 1920x1080 px idéalement), le rapport d'aspect 16:9, les zones de sécurité pour éviter les éléments masqués par l'interface YouTube (horodatage, marqueurs de chapitre), une stratégie de couleurs à haute visibilité, des règles précises pour le texte (6 mots maximum, police grasse, contraste élevé), et la psychologie des expressions faciales (surprise, curiosité, excitation, etc.) pour maximiser l'impact. La compétence utilise l'outil en ligne de commande `belt` et le service d'inférence d'IA [inference.sh](https://inference.sh) pour générer des images via des modèles comme `falai/flux-dev-lora`. Elle inclut également des modèles (patterns) pour différents types de contenu (tutoriel, avant/après, comparatif, liste) et une checklist complète pour valider la qualité de chaque miniature. Cette compétence est particulièrement utile pour les développeurs et créateurs utilisant des outils en ligne de commande et l'IA générative pour automatiser et optimiser la création de visuels YouTube.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/design/youtube-thumbnail-design

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Installer la compétence belt CLI : npx skills add belt-sh/cli

Conception de miniatures YouTube

Créez des miniatures YouTube à fort taux de clics (CTR) avec la génération d'images par IA via l'interface en ligne de commande inference.sh.

Démarrage rapide

Nécessite l'interface en ligne de commande inference.sh (belt). Instructions d'installation

belt login

# Générer une miniature
belt app run falai/flux-dev-lora --input '{
  "prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

Spécifications

SpécificationValeur
Dimensions1280 x 720 px (minimum)
Recommandé1920 x 1080 px
Ratio d'aspect16:9
Taille de fichier max2 Mo
FormatsJPG, GIF, PNG

Le test des 120px

Votre miniature apparaît à environ 120px de large sur mobile — c'est ainsi que la plupart des spectateurs la voient pour la première fois.

À 120px, les spectateurs doivent pouvoir identifier :

  1. L'humeur/l'émotion (grâce aux couleurs et à l'expression)
  2. Le sujet général (grâce à la composition)
  3. Le texte (s'il y en a — seulement s'il est suffisamment grand)

Test : visualisez votre miniature à une largeur de 120px. Si c'est un flou boueux, reconcevez-la.

Zones de sécurité

┌─────────────────────────────────────────────┐
│                                             │
│   ✅ ZONE SÛRE POUR LE TEXTE ET ÉLÉMENTS CLÉS         │
│                                             │
│                                             │
│                                             │
│                                             │
│                                       ┌───┐ │
│                                       │ ⏱ │ │ ← Superposition d'horodatage
│                              ┌────────┴───┘ │    (en bas à droite)
│   ┌────┐                     │  DURÉE    │
│   │ CH │ Marqueur de chapitre      └──────────────│
└───┴────┴────────────────────────────────────┘
     ↑ En bas à gauche : marqueurs de chapitre/progression

Évitez de placer des éléments critiques dans :

  • Le coin inférieur droit (horodatage de la durée de la vidéo)
  • Le coin inférieur gauche (marqueurs de chapitre, barre de progression)
  • Les bords extrêmes (le recadrage varie selon l'appareil)

Stratégie de couleurs

Paires à fort contraste qui fonctionnent

CombinaisonAmbianceIdéal pour
Jaune + NoirUrgence, attentionTech, business, listes
Rouge + BlancÉnergie, excitationDivertissement, réactions
Bleu + OrangeContraste professionnelÉducation, tutoriels
Vert + BlancCroissance, argentFinance, histoires de réussite
Violet + JaunePremium, créativitéDesign, art, créativité
Blanc + SombrePropre, minimalisteChaînes de luxe, minimalistes

Règles de couleurs

  • L'arrière-plan et le texte/sujet doivent être complémentaires ou à fort contraste
  • Évitez que des couleurs de même température se touchent (rouge sur orange = boue)
  • Utilisez 3 couleurs maximum par miniature
  • Saturez plus que dans la réalité — les miniatures rivalisent avec une interface utilisateur lumineuse

Texte sur les miniatures

Quand utiliser du texte

  • Listes/chiffres : "7 astuces", "Top 10"
  • Avis forts : "ARRÊTEZ DE FAIRE ÇA"
  • Résultats : "10 000 $ en 30 jours"
  • Comparaisons : "vs" entre deux choses

Quand NE PAS utiliser de texte

  • Le titre de la vidéo le dit déjà (redondant)
  • L'émotion/visuel raconte l'histoire
  • Vous ne pouvez pas le rendre suffisamment grand pour être lu à 120px

Règles pour le texte

RègleRaison
6 mots maxLisibilité à la taille de la miniature
Équivalent 60 pt minDoit être lisible à une largeur de 120px
Police sans empattement grasseLes polices fines disparaissent aux petites tailles
Contour/ombre contrastéAssure la lisibilité sur n'importe quel fond
Pas de petits textesSi ce n'est pas lisible en petit, supprimez-le

Psychologie des expressions faciales

Les miniatures avec des visages obtiennent un CTR plus élevé que les miniatures sans visage. L'expression compte :

ExpressionImpact sur le CTRIdéal pour
Surprise/chocLe plus élevéContenu de réaction, révélation, découverte
CuriositéÉlevéTutoriel, guide, astuces
ExcitationÉlevéDéballage, critiques, annonces
Inquiétude/préoccupationMoyen-élevéContenu d'avertissement, d'erreur, de problème
ConfianceMoyenConseils d'expert, contenu d'autorité
NeutreLe plus faibleÀ éviter sauf si votre marque est minimaliste

Règles de composition du visage

  • Le visage doit occuper 30 à 50 % de la miniature
  • Regard orienté vers le texte ou le sujet (dirige l'attention du spectateur)
  • Regard vers la caméra = connexion. Regard vers un objet = curiosité.
  • Placez le visage d'un côté (généralement à gauche), le texte ou le sujet de l'autre
# Générer une miniature avec visage face à la caméra
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic",
  "width": 1280,
  "height": 720
}'

# Générer une miniature avec visage regardant le sujet
belt app run bytedance/seedream-4-5 --input '{
  "prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy",
  "size": "2K"
}'

Patrons de miniatures par type de contenu

Tutoriel / Guide pratique

belt app run falai/flux-dev-lora --input '{
  "prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
  "width": 1280,
  "height": 720
}'

Avant / Après

belt app run falai/flux-dev-lora --input '{
  "prompt": "split composition, left side dark and messy disorganized desk, right side bright clean organized minimalist workspace, dramatic contrast between chaos and order, clear dividing line in center, high contrast",
  "width": 1280,
  "height": 720
}'

Critique / Comparaison de produit

belt app run falai/flux-dev-lora --input '{
  "prompt": "two products facing each other with dramatic lighting and sparks between them, competition battle concept, dark background with colorful rim lighting, versus comparison style, high energy, product photography",
  "width": 1280,
  "height": 720
}'

Liste / Chiffre

belt app run falai/flux-dev-lora --input '{
  "prompt": "dynamic arrangement of 7 different colorful objects floating in space against dark gradient background, each item distinct and clearly separated, energetic composition, vibrant saturated colors, studio lighting",
  "width": 1280,
  "height": 720
}'

Tests A/B

Testez une variable à la fois :

VariableTest A vs B
Visage vs Pas de visageMême composition, avec/sans personne
ExpressionSurprise vs curiosité
Palette de couleursPalette chaude vs froide
Texte vs Pas de texteAvec/sans superposition de texte
Arrière-planClair vs sombre
CompositionSujet tourné vers la gauche vs vers la droite
# Générer la variante A
belt app run falai/flux-dev-lora --input '{
  "prompt": "..., bright yellow background, ...",
  "width": 1280, "height": 720
}' --no-wait

# Générer la variante B (même prompt, arrière-plan différent)
belt app run falai/flux-dev-lora --input '{
  "prompt": "..., dark navy background, ...",
  "width": 1280, "height": 720
}' --no-wait

Liste de vérification pour la miniature

  • 1280x720 minimum (1920x1080 recommandé)
  • Moins de 2 Mo de taille de fichier
  • Réussit le test des 120px en plissant les yeux
  • Aucun élément critique dans le coin inférieur droit (horodatage) ou inférieur gauche (chapitre)
  • 3 couleurs maximum, contraste élevé
  • Texte (s'il y en a) : 6 mots maximum, gras, avec contour contrasté
  • L'expression du visage correspond à l'énergie du contenu (le cas échéant)
  • Ne duplique pas le titre de la vidéo
  • Se démarque des miniatures environnantes (vérifiez votre niche)
  • Fonctionne à la fois sur les fonds clairs et sombres de YouTube

Erreurs fréquentes

ErreurProblèmeCorrection
Trop de texteIllisible à la taille de la miniature6 mots max ou pas de texte
Faible contrasteDisparaît dans le fil d'actualitéUtilisez des couleurs complémentaires
Composition encombréeL'œil ne sait pas où regarderUn seul point focal
Aspect photo génériquePas de personnalité, ignoréExpressions authentiques, angles uniques
Petits détailsPerdus à 120pxFormes simples et audacieuses
Même style à chaque vidéoLassitude du spectateurVariez dans les limites de la marque
Miniature trompeuseTue la confiance, nuit à la rétentionCorrespondre au contenu réel

Compétences associées

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering

Parcourez toutes les applications : belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Product changelog and release notes that users actually read. Covers categorization, user-facing language, visuals, and distribution. Use for: release notes, changelogs, product updates, feature announcements, versioning. Triggers: changelog, release notes, product update, version notes, what's new, feature announcement, product changelog, update log, release announcement, version release, product release, ship notes

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

Skills associés