Communitygithub.com

Miniature YouTube

Créez des miniatures YouTube accrocheuses grâce à un assistant structuré qui vous guide pas à pas, de l'analyse des inputs à la génération du prompt.

Qu'est-ce que Miniature YouTube ?

Cette compétence automatise la conception de miniatures YouTube en suivant un processus systématique. Elle analyse d'abord les fichiers de configuration du projet (thumbnail-config.md, brand-kit.md, about-me.md) pour récupérer les informations existantes comme la photo de référence ou les couleurs de la marque. Ensuite, elle guide l'utilisateur pour définir le titre de la vidéo et le ton émotionnel (choc, curiosité, confiance, frustration). Forte de ces inputs, elle applique les meilleures pratiques de conception (visage occupant 30 à 50% du cadre, textes de 3 à 5 mots, palette bichrome, élément focal unique) et génère un brief visuel détaillé. Après validation, elle produit un prompt prêt à être utilisé dans un générateur d'image (Gemini par défaut) avec les instructions de composition, typographie, couleurs et contraintes techniques. La compétence fonctionne avec Claude et Codex, en respectant les instructions de contexte du projet.

Compatible avec✓Claude Code✓Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/charlie947/social-media-skills/tree/main/skills/youtube-thumbnail

Demander à votre IA préférée

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

Documentation

Que fait Miniature YouTube ?

Runtime Codex et Claude

  • Utilisez cette compétence dans Codex ou Claude avec les outils réellement disponibles dans la tâche en cours. Les exemples AskUserQuestion décrivent les questions, pas une API obligatoire : utilisez un outil de question disponible dans ses limites, ou demandez dans le chat. Réutilisez les réponses et le matériel source déjà fournis.
  • Travaillez dans le projet sélectionné par l'utilisateur. Lisez son about-me.md, voice.md et les fichiers de marque pertinents avant un travail personnalisé. Confirmez l'auteur prévu si les fichiers sont en conflit ou contiennent des valeurs par défaut. Demandez les informations manquantes ou exécutez voice-builder ; n'héritez jamais de l'identité, des comptes ou des fichiers privés du mainteneur.
  • Résolvez les references/ fournies relativement à ce dossier de compétence. Pour une actualisation explicite du profil, lisez et mettez à jour les about-me.md, voice.md ou newsletter-voice.md canoniques sur place, en préservant les faits et règles utilisateur non liés. Les consommateurs doivent relire ces fichiers canoniques. Utilisez un nouveau nom de fichier uniquement pour de nouveaux livrables qui entreraient en conflit avec des fichiers existants non liés. L'installation seule ne démarre jamais un entretien ni n'écrit de fichiers. N'écrivez pas d'apprentissages persistants sauf demande explicite.
  • Utilisez d'abord les preuves fournies. Vérifiez les affirmations externes via les outils de recherche/source disponibles si nécessaire. Si une source ou une intégration n'est pas disponible, nommez la capacité manquante et proposez de saisir du texte ou un export. N'inventez jamais de faits, d'expérience à la première personne, de métriques ou de résultat d'exécution d'outil réussi.
  • Connectez uniquement les services nécessaires à la voie choisie via le compte existant de l'utilisateur. N'imprimez jamais d'identifiants et ne remplacez pas les connexions existantes. Rédiger, sauvegarder et réviser n'autorise pas à publier, envoyer des messages ou modifier des comptes.

État de complétion visuelle

Les prompts d'image de cette compétence sont prêts à être soumis (prompt-ready), pas des actifs générés ou visuellement révisés. Conservez son workflow Gemini nommé sauf si l'utilisateur demande un autre générateur. L'absence de service d'image ne bloque pas la rédaction d'un prompt. Lorsque des images sont fournies ou générées, ouvrez et inspectez chaque export en taille réelle et en taille d'affichage (environ 360 px de large, 320 px pour les miniatures). Vérifiez la copie exacte, les dimensions, le recadrage, la lisibilité, les couleurs de la marque, l'apparence de la police, les logos et la fidélité aux références. Corrigez et réinspectez les exports défaillants. Enregistrez tout export ou inspection indisponible comme en attente. Un prompt d'image ou un export raster n'est pas un fichier de design modifiable.

CRITIQUE : Démarrage automatique au chargement

Lorsque cette compétence se déclenche, passez directement à l'étape 1.

Étape 1. Recueillir les entrées

Vérifiez dans le projet la présence d'une configuration de photo de référence. Cherchez dans cet ordre :

  1. thumbnail-config.md à la racine du projet
  2. brand-kit.md – recherchez un chemin d'image de référence et les couleurs de la marque
  3. about-me.md – pour le nom et le positionnement du créateur

Si un chemin de photo de référence est stocké, préremplissez-le. Sinon, demandez :

Téléchargez ou fournissez le chemin de la photo de référence de vous-même que vous souhaitez utiliser dans la miniature. Idéalement un portrait net avec un éclairage et une expression distinctifs que vous prévoyez de réutiliser d'une vidéo à l'autre pour la cohérence de la marque.

Appelez ensuite AskUserQuestion :

[
  {
    "question": "Quel est le titre de la vidéo ?",
    "header": "Titre",
    "multiSelect": false,
    "options": [
      {"label": "Je vais taper le titre", "description": "Tapez le titre complet de travail"},
      {"label": "Suggérez-en un", "description": "À partir du sujet, proposez d'abord 3 titres accrocheurs"}
    ]
  },
  {
    "question": "Ton émotionnel ?",
    "header": "Ton",
    "multiSelect": false,
    "options": [
      {"label": "Choc / surprise", "description": "Yeux grands ouverts, bouche ouverte, réaction forte"},
      {"label": "Curieux / qui réfléchit", "description": "Petit sourire en coin, sourcil levé, regard hors cadre"},
      {"label": "Confiant / direct", "description": "Contact visuel, calme, affirmé"},
      {"label": "Frustré / prise de position forte", "description": "Regard intense, geste de la main, tension"}
    ]
  }
]

Confirmez le titre et la promesse par rapport au contenu fourni de la vidéo. N'inventez pas de résultat, n'impliquez pas l'existence d'une démonstration et n'utilisez pas un visage ou une marque non fournis. L'absence de photo de référence laisse la génération basée sur la photo en attente, tandis qu'un brief de composition peut toujours être rédigé.

Étape 2. Appliquer les bonnes pratiques des miniatures

Chaque miniature doit respecter ces règles :

  • Le visage occupe 30 à 50 pour cent du cadre. Lisible en petite taille.
  • 3 à 5 mots maximum de grand texte. 6 si absolument nécessaire.
  • Deux couleurs dominent. Couleur primaire de la marque + un accent à fort contraste (jaune, rouge, cyan fonctionnent bien).
  • Un élément focal clair en plus du visage. Logo d'outil, chiffre en gras, flèche ou accessoire.
  • Fort contraste entre le visage, le texte et l'arrière-plan. Testez en plissant les yeux.
  • Le texte n'est pas une phrase. C'est une phrase d'accroche. Exemples : "J'ai viré mon équipe", "Claude peut maintenant...", "Ne faites pas ça".
  • Pas de petit texte, pas de logo en bas à droite (l'icône de temps de visionnage se trouve là).

Étape 3. Construire le brief de la miniature

Produisez un brief concis que l'utilisateur peut examiner :

BRIEF MINIATURE : [titre de la vidéo]

Composition : [position du visage, % du cadre, direction du regard]
Texte : "[phrase d'accroche, 3-5 mots]"
Placement du texte : [gauche, droite, haut, enroulé autour du visage]
Palette de couleurs : [couleur primaire hex], [couleur d'accent hex], [couleur de fond hex]
Élément complémentaire : [logo / accessoire / flèche / chiffre]
Ton émotionnel : [ton de l'étape 1]

Demandez ensuite :

Voici le brief. Dites "générer" pour produire le prompt d'image ou indiquez-moi ce qu'il faut modifier.

Étape 4. Générer le prompt Gemini

Une fois approuvé, produisez le prompt de génération d'image dans un bloc de code :

En utilisant la photo de référence jointe de moi, générez une miniature YouTube en 1280 x 720 pixels (16:9).

Composition :
- Placez-moi [gauche / droite / centre] occupant [30-50]% du cadre
- Mon expression : [détails du ton — ex., choqué avec yeux grands ouverts et bouche ouverte]
- Mon regard : [direction — ex., regardant directement la caméra / regardant hors cadre vers le texte]

Texte :
- Affichez "[phrase d'accroche]" en typographie sans-serif large et grasse
- Couleur du texte : [hex]
- Contour du texte : [couleur, épaisseur pour la lisibilité]
- Placement du texte : [zone spécifique]

Palette de couleurs :
- Couleur primaire : [hex]
- Couleur d'accent : [hex]
- Fond : [hex] — [décrire le traitement : uni, dégradé, scène floue, etc.]

Élément complémentaire : [description spécifique de l'élément visuel complémentaire]

Contraintes :
- Le visage doit être net et précis
- Le texte doit être lisible à 320 px de large (taille mobile YouTube)
- Pas de filigranes, pas d'éléments d'interface YouTube, pas de texte dans le coin inférieur droit
- Fort contraste entre le visage, le texte et l'arrière-plan

Dites à l'utilisateur :

Collez ceci dans une nouvelle conversation Gemini, attachez votre photo de référence, activez Create Image, et sélectionnez Nano Banana. Générez en 1280x720.

Étape 5. Proposer la suite

Voulez-vous que j'esquisse la structure de la vidéo maintenant ? Accroche, milieu, CTA à partir de la miniature.

Règles

  • 1280x720 pixels (16:9). Taille native des miniatures YouTube.
  • N'incluez jamais le chemin de la photo de référence dans le prompt lui-même — l'utilisateur attache la photo séparément.
  • Ne dépassez jamais 6 mots de texte, 5 est idéal, 3 est le meilleur.
  • Le visage doit toujours être un point focal visible. Pas de composition où le visage est caché.
  • N'utilisez jamais de tirets cadratins.
  • Anglais britannique sauf indication contraire dans voice.md.
  • Si brand-kit.md est présent dans le projet, lisez-le et utilisez les couleurs exactes de la marque.
  • Recommandez à l'utilisateur de conserver un style de miniature cohérent d'une vidéo à l'autre pour la reconnaissance de la chaîne.

Individual skills in this repo

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

Skills associés