Communitygithub.com

logo-popups

Fait jaillir des logos d'application (Claude, Codex, ChatGPT, Grok, Gemini, Cursor et tout autre logo) du bout du doigt de l'orateur lorsqu'il pointe, en synchronisation avec le mot qu'il prononce. Le suivi de la main suit le doigt, les logos restent hors du visage, l'audio d'origine est conservé. Utilisez-le lorsque l'utilisateur tape /logo-popups ou demande d'ajouter des logos, icônes ou pop-ups de marque là où son doigt pointe dans une vidéo.

Qu'est-ce que logo-popups ?

Ce skill, conçu pour l'édition vidéo par IA agent, ajoute automatiquement des logos pop-up synchronisés aux gestes de pointage et aux paroles dans une vidéo. Il prend en charge une large gamme de logos d'IA et de marques (Claude, Codex, ChatGPT, etc.) ainsi que des icônes personnalisées depuis lobehub.com ou des fichiers PNG/SVG. Le workflow comprend quatre étapes : configuration unique, suivi du doigt (track) et détection des mots, planification structurée des apparitions des logos, et rendu final avec vérification des images. Le skill gère intelligemment l'évitement du visage, les options de style (couleurs, taille, animation, étiquette) et garantit qu'aucun logo ne recouvre le visage de l'orateur. Il s'agit d'un outil professionnel pour les commentaires, les critiques ou les vidéos marketing, où le timing et la précision sont essentiels.

Compatible avec✓Claude Code✓Codex CLI✓Cursor✓Gemini CLI
npx skills add https://github.com/sknitd/logo-popups/tree/HEAD

Demander à votre IA préférée

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

Documentation

Pop-ups de logos : des logos qui jaillissent de votre doigt qui pointe

L'utilisateur n'est généralement pas technique. Gardez les réponses courtes, faites le travail à sa place, ne lui demandez jamais d'exécuter des commandes.

Tous les chemins sont relatifs au dossier de ce skill (le dossier où se trouve ce SKILL.md). Utilisez son chemin absolu dans les commandes. PY ci-dessous signifie .venv/bin/python dans ce dossier (.venv\Scripts\python.exe sous Windows).

1. Première exécution : configuration (une fois)

Exécutez bash scripts/setup.sh. Il affiche READY une fois terminé (1 à 3 minutes la première fois).

  • NEED_FFMPEG : installez ffmpeg (Mac : brew install ffmpeg, Windows : winget install ffmpeg), puis relancez setup.
  • NEED_PYTHON : installez Python 3.12 (Mac : brew install [email protected], Windows : winget install Python.Python.3.12), puis relancez setup.

2. Trouver le pointage et les mots

Exécutez les deux commandes sur leur vidéo :

  • PY scripts/track.py <video> : suit les mains, enregistre <video>.hands.json et affiche les fenêtres de pointage (moments où un doigt est levé).
  • PY scripts/words.py <video> : affiche quand chaque mot est prononcé.

Faites correspondre chaque fenêtre à la marque que l'orateur nomme dans ou à proximité de celle-ci. Whisper confond souvent les noms de marques : "cloud" correspond généralement à Claude, "codecs" à Codex, "croc"/"grok" à Grok, "chat GPT" à ChatGPT, "Gemini", "cursor" à Cursor. Si l'utilisateur vous a déjà dit quels logos, utilisez-les dans l'ordre de ses pointages. Si aucun mot ne nomme une marque et que l'utilisateur ne l'a pas dit, posez une question courte : quels logos, dans quel ordre.

3. Écrire le plan

Sauvegardez-le à côté de la vidéo sous <nom-vidéo>_logos.json :

{"pops": [
  {"logo": "claude", "start": 1.12, "end": 1.85},
  {"logo": "codex",  "start": 2.10, "end": 3.05},
  {"logo": "grok",   "start": 3.45, "end": 4.50}
]}
  • start : un temps après que la main se soit stabilisée (début de la fenêtre), ou au moment du mot, selon ce qui est le plus tardif. end : lorsque le doigt s'abaisse ou que le pointage suivant commence. 0,7 à 1,2 s chacun est le meilleur ; ne chevauchez jamais deux pop-ups.
  • logo : un nom prédéfini (ci-dessous), tout nom d'icône de lobehub.com/icons (par exemple notion, figma, vercel ; il essaie d'abord <nom>-color), ou un chemin vers un PNG/SVG fourni par l'utilisateur.

Options par pop-up (toutes facultatives) :

cléquoidéfaut
labeltexte dans la pastille sous l'icône ; "" la masquenom de la marque
bgcouleur de fond (hex)prédéfini, sinon blanc
fgcouleur pour les logos SVG monochromesblanc sur fond sombre, noir sur fond clair
accentcouleur de l'anneau du pop-upprédéfini, sinon couleur du logo
sizelargeur de la pastille en proportion de la largeur de la vidéo0.24
logo_scaletaille du logo à l'intérieur de la pastille0.66
gapdistance au-delà du bout du doigt où l'icône se place (en tailles de pastille)0.85
nudgedécalage supplémentaire [x, y] en proportion de la largeur[0, 0]
avoid_faceglisser vers le haut si cela couvrirait le visagetrue
burstanneau et étincelles lors du pop-uptrue

Préréglages : claude, anthropic, codex, openai, chatgpt, grok, gemini, cursor, perplexity, deepseek, copilot, mistral, meta.

4. Vérifier, puis rendre

  1. D'abord les images fixes (rapide) : PY scripts/render.py <plan.json> <video> <dossier>/check.png --still 1.5,2.6,4.0, un temps au milieu de chaque pop-up. Regardez le PNG vous-même. Corrigez tout ce qui couvre le visage, est coupé sur le bord, ou se trouve loin du doigt (gap, nudge, size, timing).
  2. Rendu : PY scripts/render.py <plan.json> <video> <nom-vidéo>_logos.mp4. Sortie : H.264 MP4, largeur 1080, même fps, audio original.
  3. Dites-leur où se trouve le fichier, et de le regarder avant de publier.

Règles

  • Ne couvrez jamais le visage. L'évitement du visage est activé par défaut ; vérifiez quand même les images fixes.
  • Un logo par pointage. S'ils pointent deux fois vers une même marque, utilisez deux pop-ups.
  • Les logos sont des marques déposées de leurs propriétaires ; ceci est destiné aux commentaires et aux critiques. N'ajoutez pas de logos que l'orateur ne mentionne pas, sauf si l'utilisateur le demande.

Skills associés