Communitygithub.com

madhavsomani/animation-skills

Gestalte Madhavs lehrreiche Reels mit einem großen, beweglichen Präsentator unter lesbaren Lehranimationen. Nutze es, um sein Gesicht oder seinen HeyGen-Avatar zu vergrößern, ein kleines Inset zu ersetzen oder diesen Split-Screen-Lehrstil wiederzuverwenden – nicht als pauschale Umgestaltung freigegebener Videos.

Was ist animation-skills?

Dieses Skill ermöglicht die Erstellung von Lehrinhalten im Split-Screen-Stil, bei dem ein großer, beweglicher Präsentator im unteren Bereich des Bildes platziert wird, während im oberen Bereich klare, visuelle Erklärungen präsentiert werden. Es ist besonders nützlich für Entwickler und KI-Agenten, die ansprechende Bildungsvideos produzieren möchten, bei denen der Präsentator sichtbar bleibt und die Inhalte leicht verständlich sind. Das Skill unterstützt die Plattformen Claude Code und HyperFrames, sowie Remotion für React-basierte Komponenten. Es integriert sich mit HeyGen für sprechende Avatare und ElevenLabs für Sprachsynthese, wobei die Authentizität der Stimme und die Lippensynchronisation besondere Beachtung finden. Die Implementierung umfasst spezifische Kompositionsregeln, eine Lehrlogik (Frage → Idee → Beispiel → Veränderung → Fazit), sowie Anweisungen zur Sprach- und Avatar-Kontinuität, Musiklautstärke und Qualitätsprüfung.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/madhavsomani/animation-skills/tree/HEAD/skills/large-presenter-teaching-reels

In Ihrer bevorzugten KI fragen

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

Dokumentation

Lehrreiche Reels mit großem Präsentator

Vermittle eine nützliche Idee, während Madhav sichtbar präsent bleibt. Siehe die Stilframes für das Aussehen. Aktuelle Projektregeln und der Akzeptanzstatus jedes Clips überschreiben dieses Rezept.

Lade das hyperframes-Routing-Skill sowie dein Redaktions-Skill (z. B. video-use, falls installiert). Das Redaktions-Skill verwaltet die Quellen-/Transkriptanalyse, EDL, Tempo, Korrektur, Untertitel und Qualitätssicherung. Frage keine bereits genehmigte Strategie erneut ab. Lies enginespezifische Skills vor der Erstellung.

Komposition

  • Echtes bewegtes, eng beschnittenes Kopf-Schulter-Material erstreckt sich nahezu über die gesamte Breite der unteren 45–50 %. Ein großes Feld mit einer winzigen Person erfüllt dies nicht.
  • Oberer Bereich: EINE konkrete erklärende Visualisierung (z. B. Eingabe/Code/Ausgabe, ein sich veränderndes Array, ein hervorgehobener Lebenslaufabschnitt, Projektnachweis oder Vorher/Nachher).
  • Kurze, sprachsynchronisierte Untertitel in einem stabilen Band zwischen Erklärung und Präsentator, frei von Augen, Mund, Gesten und Diagrammbeschriftungen. Überprüfe die aktuellen sicheren UI-Zonen der Plattform.
  • Verwende gelegentlich den Vollbild-Präsentator für eine Frage, Betonung oder einen sinnvollen Abschluss, anstatt starr durchgehend Splitscreen.
  • Bewahre nützliche Originaldemonstrationen. Schneide den Gastgeber getrennt vom Gast zu, wo sinnvoll; kennzeichne einen vergrößerten Gast niemals als Madhav. Bevorzuge einen einfachen Zuschnitt gegenüber instabiler Haar-/Hand-Segmentierung.

Vorgeschlagene 1080x1920 Anfangsgeometrie: Lehranimation x54/y110/w972/h650; Untertitel y790–930; Präsentator x36/y970/w1008/h950. Zuschneiden ohne Streckung. Überprüfe Kopf/Kinn/Gesten und untere UI. Passe an, wenn Diagramme mehr Platz benötigen.

Lehrreichtum und visuelle Fülle

Nutze Frage → einfache Erklärung → konkretes Beispiel → sichtbare Veränderung → Fazit. Zeige, worüber gesprochen wird, halte das Ergebnis dann lange genug, um es bei normaler Wiedergabegeschwindigkeit zu verstehen. Code benötigt tatsächliche Ausgabe; Algorithmen benötigen sichtbare Zustandsaktualisierungen; Bewerbungstipps benötigen lesbare anonymisierte Abschnitte, keine winzige gesamte Seite.

Leere weiße Bildschirme wirkten in Tests leer: Verwende quellenmotivierte Textur, dezente von Covern abgeleitete Akzente, zielführende Diagramme und einen größeren Präsentator. Keine zufälligen Hintergründe, Neon, übermäßige Farbverläufe, wiederholte Glaspaneele oder dichte Texte. Reichhaltigkeit soll das Verständnis verbessern.

Sprach- und Avatar-Kontinuität

  • Bewahre akzeptierte Originalsprache. Neue Erzählung verwendet die autorisierte Stimme des Präsentators, niemals eine andere.
  • Schließe neue Audiospuren ab und verifiziere sie vor der Avatargenerierung. Speise genau diese genehmigte Audiospur in das gewählte bestehende HeyGen-Aussehen ein, sodass Stimme und Lippen nicht unabhängig generiert werden.
  • Ehre die aktuelle Engine-Wahl; Avatar V war bevorzugt, sofern unterstützt. Überprüfe Support und Kosten erneut. HeyGen ist für sprechende Avatare gedacht, nicht für Grafiken/Musik/Finalrendering. Transparente Ausgabe ist bedingt, nicht garantiert.
  • Behandle ElevenLabs 1,2x als clipspezifische Anfrage. Miss die resultierende Dauer; beschleunige nicht versehentlich den fertigen Avatar. Übernimm niemals eine alte Verlangsamung in eine schnelle Überarbeitung.
  • Gleiche wahrgenommene Lautstärke, Tempo und Klangbalance an realen KI-Übergängen an; vermeide den hohen Stimm sprung. Überprüfe Hörbarkeit und Lippensynchronisation explizit; Wellenformen/Standbilder können beides nicht zertifizieren.
  • Entferne willkürliche stille Nachklänge durch wortgenaue Schnitte und kurze Audiofades. Beende den Gedanken und den gesprochenen Call-to-Action, erlaube dann einen kurzen bewussten visuellen/musikalischen Nachklang.
  • Gewünschte Musik bleibt leise unter der Sprache. Ungefähr 10 % ist ein Startwert für den Fader, keine Lautstärkengarantie. Verwende lizenzierte Audiodaten, Sprachducking und zurückhaltende Soundeffekte bei bedeutungsvollen Änderungen. Bezeichne einen Track nicht ohne Belege als trendig.

Ausführung und Verifikation

Notiere Szenen-Engines und finale Montage. HyperFrames eignet sich für sprachtaktgesteuerte Arrays, Diagramme, Code/Ausgabe und Typografie; Remotion für bestehende React-Komponenten und aufnahmenreiche Montage. Bewahre Pins und genehmigte Arbeit. Hybride Arbeit tauscht verifizierte gerenderte Zwischenprodukte aus, nicht als React importiertes HTML; Erzählung/Untertitel benötigen jeweils einen Eigentümer.

Überprüfe einen bewegungsintensiven und einen informationsintensiven Beat, bevor du skalierst. Prüfe in Telefongröße: erkennbares großes Gesicht, lesbares Beispiel, Lippen, zielführende Bewegung, angenehme Übergänge und vollständiges Ende. Überprüfe dann jeden geänderten Master: vollständige Decodierung, Auflösung/kRF, Audio, schwarze Frames und Untertitel. Trenne technische Qualitätssicherung, Fakten, visuelle/Audio-Prüfung und Benutzerabnahme.

Verwende akzeptierte Cover erneut, sofern kein Austausch gewünscht wird. Jedes externe Video, das du für das Layout studierst, ist kein wiederverwendbares Skript, Gesicht, Stimme, Benutzername, Abzeichen, Musiklizenz oder Viralitätsgarantie; nimm niemals dessen Material in die Liefergegenstände auf. Das Speichern des Skills gewährt keine neuen Ausgaben, Hochladen von Ähnlichkeiten, Teilen oder Veröffentlichungsberechtigungen.

Individual skills in this repo

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

Verwandte Skills