Communitygithub.com

ummydev/short-video-formats

Wenn der Nutzer das Format eines Werbe-Kurzvideos für TikTok, Instagram Reels, YouTube Shorts oder Xiaohongshu auswählen oder planen möchte, insbesondere für ein Softwareprodukt, Dev-Tool oder einen KI-Agenten. Deckt die vier Formate ab, die diese Kategorie dominieren (Talking-Head über einer Demo, Handy filmt den Bildschirm, gesichtslose UI-Demo, Talking-Head-Einstieg in Vollbild-Demo), Bildschirmlayout-Regeln, Hooks und Enden wie „Kommentiere X und ich schicke es dir“ sowie die Erstellung eines KI-Präsentators.

Was ist short-video-formats?

Diese Fähigkeit hilft Entwicklern und Content-Erstellern dabei, das perfekte Videoformat für die Bewerbung von Softwareprodukten, Dev-Tools oder KI-Agenten auf Plattformen wie TikTok, Instagram Reels und YouTube Shorts zu wählen. Sie analysiert die vier leistungsstärksten Formate (Talking-Head-Demo, Handyfilm, gesichtslose UI-Demo und Hybrid), die von unabhängigen Erstellern in dieser Nische verwendet werden, und liefert klare Layout-Regeln für 9:16-Videos sowie bewährte Hooks und Enden, um Reichweite und Kommentare zu maximieren. Die Fähigkeit enthält eine detaillierte Anleitung zur Erstellung eines KI-Präsentators mit konsistentem Gesicht, Stimme und Lippen-Synchronisation sowie eine Checkliste mit häufigen Fallstricken, die zu vermeiden sind. Sie kann mit Fähigkeiten wie remotion-video und social-publish kombiniert werden, um vollständige videobasierte Werbekampagnen zu automatisieren.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ummydev/marketing-team-skills/tree/HEAD/skills/short-video-formats

In Ihrer bevorzugten KI fragen

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

Dokumentation

Kurzvideo-Formate für Softwareprodukte

Bevor Sie etwas skripten, wählen Sie das Format. Wir haben die meistgesehenen TikTok- und Instagram-Videos zu zwei Open-Source-KI-Agenten-Produkten (Paperclip und Multica) vom November 2026 zerlegt. Fast die gesamte Reichweite stammte von unabhängigen Erstellern, nicht von den offiziellen Konten, und fast alle nutzten eines von vier Formaten.

Die vier Formate

#FormatWas auf dem Bildschirm zu sehen istBeispiel (Aufrufe)Kosten der Erstellung
1Talking-Head + Demo obenPräsentator in der unteren Hälfte, Brustbild, spricht zur Kamera; UI-Animation, GitHub-Seite und Website-Scroll in der oberen Hälfte@rahuliyer.ai (1,05 Mio.)Benötigt einen Präsentator (echt oder KI)
2Handy filmt den BildschirmEin Handy filmt den Laptop-Bildschirm; ein Finger zeigt auf die GitHub-Seite, während der Ersteller spricht und scrollt@making_in_time_ (115k)Benötigt eine Person mit einem Handy; ein Agent kann das nicht
3Gesichtslose DemoProdukt-UI füllt den Rahmen mit großen Bildunterschriften, gelegentlicher Bewegungsgrafik@techwith.ram (264k)Am niedrigsten; vollständig automatisierbar (Skill: remotion-video)
4Talking-Head-Einstieg, dann Vollbild-Demo~5 s von Format 1 für den Hook, dann Vollbild-UI mit Zoom auf Details, Rückblende zum Präsentator in der Mitte und am Ende@dr_cintasGleicher Präsentator wie bei Format 1

Ein Agent kann die Formate 3, 1 und 4 Ende-zu-Ende erstellen. Beginnen Sie mit 3, fügen Sie einen Präsentator für 1 und 4 hinzu.

Layout-Regeln (9:16, 1080×1920)

  • Die Produkt-UI belegt mindestens die Hälfte der Rahmenhöhe, randlos. Wenn Ihr Produkt eine helle UI hat, ist dieser Streifen weiß. Dünne Karten auf schwarzem Hintergrund wirken wie eine Diashow.
  • Der erste Frame ist das Cover und der Hook. Er darf nicht überwiegend schwarz sein und kein Einblenden aus dem Nichts. Zeigen Sie die UI ab Frame 0.
  • Halten Sie den ersten Bildschirm übersichtlich. Zwei vollständige Karten und der Anfang der nächsten Reihe, kein vollständiges Dashboard. Blenden Sie Seitenleisten und Ränder aus, die nicht relevant sind. Eine Wand aus kleinem Text in der ersten Sekunde wird weggewischt.
  • Schwarz nur für die Streifen: ein Titel- oder Hook-Streifen oben, Bildunterschriften im unteren Streifen. Bildunterschriften liegen niemals über der Mitte der UI.
  • Bauen Sie die echte UI nach. Gleiches Layout, gleiche Schriftarten, Farben, Schaltflächen und Bezeichnungen wie im Produkt. Keine vereinfachten Diagramme und keine Funktionen, die das Produkt nicht hat. Sie benötigen keine Bildschirmaufnahme; eine nachgebaute UI ist schärfer und kann zoomen (Skill: remotion-video).
  • Beschriften Sie Demodaten („Demodaten“ in einer Ecke des Diagramms). Zeigen Sie niemals erfundene Ergebnisse als real an.

Hooks und Enden

  • Hooks, die die Kategorie getragen haben: „0 Mitarbeiter. Vollständiges Unternehmen.“ · „Jemand hat gerade ein Tool als Open Source veröffentlicht, mit dem Sie ein ganzes Unternehmen mit KI-Agenten führen können“ · „Ich habe aufgehört, Claude Code zu benutzen. Ich habe es eingestellt.“ · „Was wäre, wenn Sie könnten...“.
  • Beweis: GitHub-Sterne, eine reale Zahl aus dem Produkt, ein Vorher/Nachher.
  • Ende: „Kommentiere und ich schicke dir den Einrichtungsleitfaden.“ Das Wort ist der Produktname oder ein Verb aus dem Hook. Diese Beiträge hatten oft mehr Kommentare als Likes (einer: 10.735 Kommentare vs. 5.395 Likes), was den Algorithmus füttert. Verwenden Sie dies nur, wenn jemand (oder ein Auto-DM-Tool, das über die offizielle API der Plattform verbunden ist, wie ManyChat auf Instagram) die Sache tatsächlich versendet. Ein versprochener Link, der nie ankommt, erntet wütende Kommentare.
  • Schreiben Sie für die Worte des Zuschauers: „Ziel“ anstelle von „KPI“, „einstellen“ anstelle von „konfigurieren“.

Erstellen eines KI-Präsentators (Formate 1 und 4)

  1. Gesicht: Erstellen Sie einen fiktiven Präsentator mit einem Bildmodell. Fordern Sie ein Selfie-Videobild mit Frontkamera an, 9:16, Kopf bis Mitte Brust, Blick in die Linse, Mund geschlossen, nichts vor dem Mund, natürliche Hauttextur ohne Beauty-Filter, ein belebter Home-Office-Hintergrund. Erstellen Sie 4 Kandidaten, wählen Sie einen aus und verwenden Sie dieses eine Gesicht in jedem Video, sodass der Account einen wiedererkennbaren Host hat. Wenn der Account ein Maskottchen hat, basieren Sie den Präsentator darauf (gleiche Haare, Kleidung, Farben).
  2. Stimme: eine feste Stimme für diesen Präsentator. Kostenlose Browser-TTS klingt roboterhaft neben einem realistischen Gesicht; verwenden Sie eine Stimme mit einer kommerziellen Lizenz (CapCuts integrierte Stimmen, ElevenLabs oder Ähnliches). Rendern Sie das gesamte Skript und schneiden Sie es dann satzweise.
  3. Lippensynchronisation: Verwenden Sie ein Bild+Audio → sprechendes Video-Modell (OmniHuman, Kling Avatar, Hedra, HeyGen Avatar), sodass Ihr Skript und Timing den Mund steuern, nicht ein Text-zu-Video-Modell, das seine eigenen Zeilen improvisiert. Generieren Sie in 5–10 s Segmenten und wiederholen Sie nur die fehlgeschlagenen.
  4. Montieren Sie in Ihrem Videotool: Format 1 platziert die UI in den oberen ~55 % und den Präsentator darunter, Bildunterschriften auf der Naht; Format 4 öffnet im Vollbild auf den Präsentator für 4–5 s.
  5. Kennzeichnen Sie: Aktivieren Sie TikTok-Label „KI-generierter Inhalt“ und Instagrams KI-Info. Der Präsentator ist fiktiv; lassen Sie ihn niemals persönliche Erfahrungen behaupten („Ich habe dies seit drei Monaten verwendet“).

Checkliste

  • Format ausgewählt und im Skript benannt
  • UI-Streifen ≥ 50 % der Höhe, volle Breite
  • Erster Frame zeigt echte UI, übersichtlich, nicht schwarz
  • Nur echte Funktionen gezeigt; Demodaten gekennzeichnet
  • Hook in der ersten Zeile und im ersten Frame
  • End-CTA, den Sie tatsächlich erfüllen können
  • KI-Präsentator: ein festes Gesicht und eine feste Stimme, KI-Kennzeichnung aktiviert

Fallstricke, auf die wir gestoßen sind

  • Diagrammkarten auf Schwarz. Unser erstes Produktvideo zeigte vereinfachte Karten, die auf schwarzem Hintergrund schwebten. Es sah aus wie Folien und überhaupt nicht wie das Produkt. Der Neuaufbau baute die echte UI auf einem weißen Streifen nach, der zwei Drittel des Rahmens ausfüllte.
  • Ein leerer erster Frame. Jede Szene blendete ein, daher war Frame 0, das Cover, leer. Die erste Szene beginnt jetzt vollständig sichtbar.
  • Ein dichter erster Bildschirm. Die Eröffnung zeigte die Marktplatzseite mit ihrer Seitenleiste und sechs Karten. Zu viel Text für die erste Sekunde; das Kürzen auf zwei vollständige Karten und einen Blick auf die nächste Reihe machte es auf einen Blick lesbar.
  • Eine Funktion, die das Produkt nicht hat. Das Skript endete mit einem „Team-Chat“, der nur im Video existierte. Wir tauschten es gegen die echten Direktnachrichten des Produkts aus und schrieben die Sprachzeile neu.
  • Haare, die wie falsch wirkten. Die riesigen lockigen Haare des ersten KI-Präsentators verrieten ihn. Bitten Sie um einen aktuellen, gewöhnlichen Haarschnitt mit normalem Volumen.

Verwandte Skills

  • remotion-video: Erstellung der Formate 1, 3 und 4.
  • viral-remake: wenn das Format von einem bestimmten viralen Original stammt.
  • social-publish: die Bildunterschrift, der CTA und das KI-Label beim Hochladen.

Individual skills in this repo

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

ummydev/ai-search

When the user wants to make a site readable, accurate and quotable for AI assistants (ChatGPT, Claude, Perplexity, Gemini, Copilot, Google AI Overviews) so they describe the product correctly and cite it. Use when the user says "llms.txt", "llms-full.txt", "AI search", "GEO", "AEO", "get cited by ChatGPT", "show up in Perplexity answers", "allow AI crawlers", "GPTBot in robots.txt", "AI gets our pricing wrong", "AI confuses us with another product", "brand name collision", "Organization schema sameAs" or "make the site agent-readable". Covers llms.txt, robots.txt for AI crawlers, definition sentences, comparison tables and FAQ, public pricing, Organization and WebSite structured data, and brand naming.

ummydev/index-push

When the user wants to get new or changed pages crawled and indexed by Google and Bing quickly, instead of waiting weeks for the sitemap to be read. Use after any deploy that adds or updates pages, and when the user says "get this indexed", "request indexing", "submit to Google", "submit URLs to Bing", "IndexNow", "ping search engines", "resubmit the sitemap", "why isn't my page indexed", "Discovered – currently not indexed", "URL is unknown to Google", "Quota Exceeded in Search Console" or "indexing queue". Covers IndexNow, Search Console URL Inspection and sitemaps, Bing Webmaster URL submission, a prioritized queue file, and diagnosing pages that stay out of the index.

ummydev/remotion-video

When the user wants to make a vertical promo video of their own software product in code with Remotion, rebuilding the product's real UI instead of screen-recording it, with a TTS voice-over, captions timed to the voice and camera moves that zoom into details. Use when the user says "Remotion", "make a product video", "faceless demo video", "UI motion video", "programmatic video", "product reel", "animate our UI", "render the video", or wants a TikTok or Reels video about their app that an agent can re-render after every change.

ummydev/video-retro

When the user wants to review how their short videos performed on TikTok, Instagram Reels or other platforms and decide what to make next. Covers reading views, likes, comments, saves and follows without scraping, the stats log, 24-hour and 72-hour checks, comparing topics, formats and hooks, the daily report and recording what to change. Use when the user says "how did the video do", "video stats", "复盘", "retro", "which videos worked", "why did this flop", "weekly video report", "update the stats", or at the start or end of a short-video working day.

Verwandte Skills