Communitygithub.com

Logo-Popups

Lass App-Logos (Claude, Codex, ChatGPT, Grok, Gemini, Cursor und andere) aus der Fingerspitze des Sprechers springen, synchron mit dem gesprochenen Wort. Handtracking folgt dem Finger, Logos bleiben vom Gesicht fern, der originale Audio-Ton bleibt erhalten.

Was ist Logo-Popups?

Dieses Skill erzeugt dynamische Logo-Popups, die synchron mit dem gesprochenen Wort aus dem Zeigefinger einer Person in einem Video herausspringen. Es eignet sich perfekt für Produktrezensionen, Tech-Kommentare oder Social-Media-Clips, bei denen KI-Assistenten wie Claude, Codex, ChatGPT, Grok, Gemini, Cursor und viele andere erwähnt werden. Der Workflow besteht aus drei Schritten: Zuerst wird die Fingerposition mit `track.py` verfolgt (speichert Zeigefenster), dann werden mit `words.py` die gesprochenen Wörter erfasst. Anschließend wird ein JSON-Benennungsplan erstellt, der Logos mit den Timings und Positionen der Fingerspitze verknüpft. Fortschrittliche Optionen wie Label, Farbe, Größe, Ausweichen vor Gesichtern und visuelle Effekte (Ring, Funken) stehen im Render-Schritt zur Verfügung. Das Skill unterstützt eine Vielzahl von Preset-Logos sowie benutzerdefinierte PNG/SVG-Icons von lobehub.com/icons und rendert das Ergebnis als H.264 MP4 mit Original-Audio. Face-Avoidance ist standardmäßig aktiviert, um sicherzustellen, dass Logos niemals das Gesicht verdecken. Das gesamte System ist so konzipiert, dass es von nicht-technischen Anwendern über Typbefehle wie `/logo-popups` ausgelöst werden kann, während der Assistent die gesamte Arbeit übernimmt.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Logo-Popups: Logos, die aus Ihrem Zeigefinger springen

Der Benutzer ist in der Regel nicht technisch versiert. Halten Sie Antworten kurz, erledigen Sie die Arbeit für ihn, bitten Sie ihn niemals, Befehle auszuführen.

Alle Pfade sind relativ zum Ordner dieses Skills (dem Ordner, in dem sich diese SKILL.md befindet). Verwenden Sie den absoluten Pfad in Befehlen. PY unten bedeutet .venv/bin/python in diesem Ordner (.venv\Scripts\python.exe unter Windows).

1. Erster Start: Einrichtung (einmalig)

Führen Sie bash scripts/setup.sh aus. Es gibt READY aus, wenn es fertig ist (1 bis 3 Minuten beim ersten Mal).

  • NEED_FFMPEG: Installieren Sie es (Mac: brew install ffmpeg, Windows: winget install ffmpeg), dann führen Sie das Setup erneut aus.
  • NEED_PYTHON: Installieren Sie Python 3.12 (Mac: brew install [email protected], Windows: winget install Python.Python.3.12), dann führen Sie das Setup erneut aus.

2. Finden Sie den Zeigefinger und die Wörter

Führen Sie beide auf dem Video aus:

  • PY scripts/track.py <video>: Verfolgt die Hände, speichert <video>.hands.json und gibt Zeigefenster aus (Zeitpunkte, an denen ein Finger gehoben wird).
  • PY scripts/words.py <video>: Gibt aus, wann jedes Wort gesagt wird.

Ordnen Sie jedes Fenster der Marke zu, die der Sprecher darin oder in dessen Nähe nennt. Whisper hört Markennamen oft falsch: "cloud" ist normalerweise Claude, "codecs" Codex, "croc"/"grok" Grok, "chat GPT" ChatGPT, "Gemini", "cursor" Cursor. Wenn der Benutzer Ihnen bereits mitgeteilt hat, welche Logos verwendet werden sollen, verwenden Sie diese in der Reihenfolge, in der er zeigt. Wenn keine Wörter eine Marke nennen und der Benutzer es nicht gesagt hat, stellen Sie eine kurze Frage: Welche Logos, in welcher Reihenfolge.

3. Schreiben Sie den Plan

Speichern Sie ihn neben dem Video als <video-name>_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: Einen Schlag nachdem die Hand sich gesetzt hat (der Fensterstart) oder auf dem Wort, je nachdem, was später ist. end: Wenn der Finger sinkt oder der nächste Punkt beginnt. 0,7 bis 1,2 s pro Pop sehen am besten aus; zwei Pops dürfen sich niemals überlappen.
  • logo: Ein Preset-Name (unten), ein Icon-Name von lobehub.com/icons (z.B. notion, figma, vercel; es versucht zuerst <name>-color), oder ein Pfad zu einer PNG/SVG-Datei, die der Benutzer angegeben hat.

Optionen pro Pop (alle optional):

SchlüsselWasStandard
labelText in der Tablette unter dem Icon; "" verbirgt esMarkenname
bgKachelfarbe (Hex)Preset, sonst weiß
fgFarbe für einfarbige SVG-LogosWeiß auf dunklen Kacheln, Schwarz auf hellen
accentFarbe des Pop-RingsPreset, sonst Logo-Farbe
sizeKachelbreite als Anteil der Videobreite0.24
logo_scaleLogogröße innerhalb der Kachel0.66
gapAbstand hinter der Fingerspitze (in Kachelgrößen)0.85
nudgeZusätzlicher [x, y]-Versatz als Anteil der Breite[0, 0]
avoid_faceHochschieben, wenn es das Gesicht verdecken würdetrue
burstRing und Funken beim Poptrue

Presets: claude, anthropic, codex, openai, chatgpt, grok, gemini, cursor, perplexity, deepseek, copilot, mistral, meta.

4. Überprüfen, dann rendern

  1. Erst Standbilder (schnell): PY scripts/render.py <plan.json> <video> <ordner>/check.png --still 1.5,2.6,4.0, ein Zeitpunkt in der Mitte jedes Pops. Sehen Sie sich das PNG selbst an. Beheben Sie alles, was das Gesicht verdeckt, am Rand abgeschnitten wird oder weit vom Finger entfernt ist (gap, nudge, size, Timing).
  2. Rendern: PY scripts/render.py <plan.json> <video> <video-name>_logos.mp4. Ausgabe: H.264 MP4, 1080 breit, gleiche fps, originaler Audio-Ton.
  3. Teilen Sie ihnen mit, wo die Datei ist, und bitten Sie sie, sie vor dem Posten anzusehen.

Regeln

  • Verdecken Sie niemals das Gesicht. Die Gesichtsvermeidung ist standardmäßig aktiviert; überprüfen Sie dennoch die Standbilder.
  • Ein Logo pro Punkt. Wenn sie zweimal auf eine Marke zeigen, verwenden Sie zwei Pops.
  • Logos sind Markenzeichen ihrer Eigentümer; dies dient der Kommentierung und Bewertung. Fügen Sie keine Logos hinzu, die der Sprecher nicht erwähnt, es sei denn, der Benutzer bittet darum.

Verwandte Skills