Communitygithub.com

inspiriflow/awesome-motion-graphics

Eine gesammelte Bibliothek von Motion-Graphics-Bearbeitungen für vertikale Talking-Head-Videos (1080×1920), jede eine Bauspezifikation, die Claude mit Remotion rendern kann.

Was ist awesome-motion-graphics?

Dieses Skill-Paket bietet eine Bibliothek spezifischer Motion-Graphics-Effekte für die vertikale Videoformat 1080×1920, optimiert für Talking-Head-Clips. Der Agent kann auf über zwanzig benannte Effekte wie 'reel wall', 'glass widgets', 'orbit', 'billboard', 'text ring', 'tier list', 'checklist' oder 'match cut' zugreifen, indem der Benutzer den Befehl `/edit <name>` verwendet oder einfach nach den verfügbaren Effekten fragt. Es unterstützt Claude Code und andere command-line-basierte KI-Agenten, die auf Remotion als Rendering-Engine setzen. Der Workflow integriert automatisch Hausstil-Definition, Masken- und Head-Tracking-Setups, extrahiert Benutzereingaben durch Markdown-Vorlagen und erstellt ein eigenständiges Kompositions-Video mit vier Standbildern zur Überprüfung. Das Paket enthält zudem erweiterte Rezepte für Chat-Intro/Ende und die Montage mehrerer Edits zu einem Reel. Alle Spezifikationen sind in effekt-/effect-Name.md-Dateien mit Frontmatter, Eingabelisten, Build-Anweisungen und exakten Timing-Vorgaben festgelegt.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/inspiriflow/awesome-motion-graphics/tree/HEAD/skills/awesome-motion-graphics

In Ihrer bevorzugten KI fragen

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

Dokumentation

Awesome Motion Graphics

Eine Bibliothek von Effekt-Rezepten, gesammelt aus vielen Quellen. Jedes Rezept in effects/ ist eine Spezifikation: wie es aussieht, was es braucht, was der Benutzer einträgt, und das exakte Layout und Timing.

Arbeitsablauf

  1. Kein Name genannt? Liste jede Datei in effects/ mit ihrer einzeiligen summary aus dem Frontmatter auf, gruppiert nach tags. Beende.
  2. Erster Durchlauf in einem Projekt? Führe setup/house-style.md aus, dann setup/mask-and-head-track.md falls der Effekt mask oder head-track unter needs hat. Überspringe, was bereits existiert (HOUSE_STYLE.md, public/mask/, public/head-track.json).
  3. Lies die passende effects/<name>.md. Fülle jeden [INPUT] aus den Worten des Benutzers. Frage nach allem, was noch fehlt, insbesondere reale Zahlen. Erfinde niemals Statistiken, Aufrufzahlen oder Logos. Zeitangaben als „auf dem Wort X“: transkribiere den Clip mit Wort-Zeitstempeln und verwende diese.
  4. Baue es als eigene Komposition, benannt nach dem Effekt, gemäß HOUSE_STYLE.md.
  5. Rendere nach out/<name>.mp4, melde den Pfad und zeige 4 Standbilder (Anfang, zwei in der Mitte, Ende).

extras/ enthält nicht-effektbasierte Rezepte: ein Chat-artiges Intro/Ending (chat-render.md) und die Zusammenstellung mehrerer Edits zu einem Reel (full-reel.md).

Standardeinstellungen für jedes Rezept

  • 1080×1920, 30 fps, Quellclip unter public/talking.mp4 (kopieren, niemals das Original bearbeiten).
  • Sicherer Bereich für alles Lesbare: x 120–960, y 260–1700. Das Gesicht niemals verdecken.
  • „Linear light“ bedeutet: in linear umwandeln, Unschärfe/Farbe/Licht ausführen, zurück in sRGB konvertieren.
  • „Noch auf dem letzten Frame bewegend“ bedeutet, dass der Kamerazoom nie vollständig stoppt.

Wenn etwas falsch aussieht

SymptomBehebung
Ausschnitt flackert / Haar-HaloMaske über Zeit glätten; vor dem Weichzeichnen 1 px erodieren
Zu schnellAuf 4 s verlängern und jede Bewegung entsprechend skalieren
Text auf dem Handy schwer lesbar+20 % bei allem Text, auf Handygröße prüfen
Grafik berührt das GesichtTiefer verschieben, außerhalb des Gesichtsbereichs
Bewegung wirkt roboterhaftEasing und Bewegungsunschärfe gemäß HOUSE_STYLE.md erneut anwenden
Langsamer RechnerZuerst Vorschau in halber Auflösung rendern, dann in voller Qualität nach Genehmigung

Ein Rezept hinzufügen

Neue Datei in effects/ mit folgendem Frontmatter, Körper in derselben Form wie die anderen (Eingaben, Build, Timing):

name: kebab-name
summary: eine Zeile, was der Betrachter sieht
source: source-id from README
needs: [mask, head-track, behind-me, reels, music]   # beliebige Teilmenge
duration: 3s
tags: [3d, glass, text, camera, data, layout]

Verwandte Skills