Communitygithub.com

Hadi Got Motion

Ein Motion-Graphics-Studio auf Regie-Niveau für Claude. Es erstellt Motion Graphics, animierte Erklärfilme, Story-Reels, Cut-Out-Charakteranimationen mit sprechenden Puppen, kinetische Typografie, Textbewegungen, echte Geografie-Kartenanimationen (Routen, Spaziergänge, Flüge, Globen, Gelände) und Titel-Momente, die niemals wie von KI gemacht aussehen.

Was ist Hadi Got Motion?

Hadi Got Motion ist ein professionelles Motion-Graphics-Studio als Claude-Skill. Es bietet 12 eigenständige Bewegungsstile, einen gemeinsamen Geschmacksregler, und baut jedes Bild aus echtem Material: Archivdrucke, Fotos, reale Schriftarten, echte Daten und Aufnahmen. Der Code schneidet, klappt, timt und beleuchtet – er zeichnet nie die Kunst. Der gesamte Arbeitsablauf läuft über einen Befehl, `hgm`, der Werkzeuge prüft und installiert, eine visuelle Brief-Auswahl anzeigt (Titel, Dauer, Konzept, 12 Stile, 12 Karten-Looks, ein Skript), eine Zeitabschätzung gibt, ElevenLabs-Stimmen verbindet und optional ChatGPT-Bilder integriert – und dann die fertige MP4 rendert. Der Skill unterstützt Claude Code (und ähnliche Agenten) und legt besonderen Wert auf Effizienz: Ein Token-Budget begrenzt die Anzahl der Turns und die Kontextgröße, um Kosten niedrig zu halten. Subagenten übernehmen mechanische Aufgaben wie Assetsuche und Schnitt. Das Ergebnis ist ein professioneller, filmreifer Motion Graphics-Clip, der nie wie von KI generiert aussieht.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hyperkidxp/hadi-got-motion/tree/main

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht Hadi Got Motion?

Ein Motion-Studio in einem Skill: 12 Bewegungsstile, jeder mit seiner eigenen Art sich zu bewegen, und ein Geschmacksregler. Jeder Frame ist aus echtem Material gebaut: Archivdrucke und -fotos, echte Schriftarten, echte Daten, echte Aufnahmen. Code schneidet, klappt, timt und beleuchtet; Code zeichnet nie die Kunst. Der Regler ist Mr Pemberton's Mistake, eine sprechende Cut-Out-Farce aus viktorianischen Stichen (references/case-pemberton.md).

Alles läuft über einen Befehl, hgm (scripts/hgm hier; nach hgm install ist er im PATH). Jeder hgm-Befehl gibt eine kurze Zusammenfassung aus und schreibt Details in Dateien, sodass Tokens in den Geschmack fließen, nicht in die Verkabelung. Lies den Abschnitt „Token-Budget“ unten, bevor du beginnst; er ist Teil des Handwerks, kein nachträglicher Gedanke.

Arbeitsreihenfolge: Werkzeugprüfung → Briefauswahl → Schätzung → Einrichtung → Regie → Stimme → Assets → Animation → Überprüfung → Auslieferung. Beginne nie mit der Konstruktion, bevor Brief und Einrichtung abgeschlossen sind.

Einen Film fortsetzen? Lies die HANDOFF.md des Projekts und führe hgm state innerhalb des Projekts aus. Lies die Referenzen, alten Filme oder die gesamte Filmdatei nicht erneut.

0–1 · Werkzeugprüfung und Briefauswahl (ein Austausch)

  • Frage nicht und erkläre nicht. Führe bash <dieser Skill-Ordner>/scripts/hgm picker aus, füge --title "…" --duration 45 --concept "…" für alles hinzu, was bereits gesagt wurde. Rufe visualize read_me einmal mit ["elicitation"] auf, dann show_widget mit dem gedruckten Lader genau wie gedruckt.
  • Die Antwortzeile kommt zurück als Motion graphic details — Tools: … · Title: … · Duration seconds: … · Pacing: 1–5 · Concept: … · Motion style: … · …. Nur das Konzept ist erforderlich: kein Titel, benenne es; keine Dauer, 30 s; kein Tempo, 3; kein Karten-Look, keine Karte.
  • Wenn etwas fehlte und sie nicht „Nicht jetzt“ gewählt haben, starte hgm install im Hintergrund.
  • Leeres Widget, kein Widget-Tool, ein hochgeladenes Skript oder ein übersprungenes Formular: siehe references/setup.md.

2 · Zeitschätzung (direkt nach den Antworten)

hgm estimate --answers "<die Antwortzeile, wörtlich>". Gib die ersten beiden Zeilen in ein bis zwei Sätzen aus, dann beginne. Warte nicht auf ein OK.

„Lass Claude entscheiden“: durchgängig, keine Fragen

Wenn der Stil „Lass Claude entscheiden“ (oder „entscheide du“, „überrasche mich“ oder das Formular wurde übersprungen):

  • Frage nichts weiter. Entscheide alles wie ein Regisseur: den Stil, der dem Konzept dient, das Tempo (3, es sei denn, das Konzept verlangt klar nach Ruhe oder Raserei), eine Karte nur, wenn die Geschichte durch reale Orte reist, einen Spaziergang nur in Cut-Out-Farce oder Papiertheater, die Besetzung und Stimmen, das Skript und Bilder aus den Archiven (ChatGPT nur, wenn bereits verbunden).
  • Führe erneut hgm estimate --style <id> --duration <s> --pace <1-5> --script write|have|none aus und teile ihnen in zwei Zeilen mit, was du gewählt hast, warum und wie lange es dauern wird.
  • Die einzige Haltestelle, die du nicht überspringen kannst, ist der ElevenLabs-Login, falls eine Stimme benötigt wird und noch nichts verbunden ist. Wenn das nicht möglich ist, erstelle einen Typ-und-Musik-Film.

3 · Einrichtung (abschließen vor jeder Konstruktion)

hgm install falls nötig, dann hgm new <slug> --style <id> --pace <1-5> (IDs: cutout-farce, kinetic-editorial, kinetic-swiss, editorial-collage, period-print, paper-theatre, real-maps, stat-hits, footage-led, silent-film, title-sequence, object-diorama), dann hgm doctor. ElevenLabs-Login (hgm connect-voice) und ChatGPT-Bilder (hgm connect-images) haben genaue Formulierungen in references/setup.md; befolge sie wortwörtlich und handhabe niemals einen Schlüssel. Alles grün → sage „Einrichtung abgeschlossen“ in einer Zeile.

4 · Regie

  • hgm ref <style-id> gibt alles aus, was dieser Stil auf einmal benötigt: seinen Abschnitt von styles.md, seine Bewegungssprache, die Regeln unter allen Stilen und taste.md (den Regler und die Anti-KI-Look-Checkliste). Öffne keine gesamten Referenzdateien.
  • Fakten erfordern Recherche, nie Spekulation. Wenn der Film Fakten nennt (Geschichte, Wissenschaft, Personen, Zahlen, „was wäre, wenn“), recherchiert ein Subagent dies in FACTS.md, bevor ein Skript geschrieben wird: hgm ref research. Skript nur aus bestätigten Fakten; Drama entsteht aus den wahren Besonderheiten.
  • Kein Skript abgegeben: Biete 3 Konzepte in einer Nachricht an (eine Figur in einer Situation, ein 1,5-s-Haken, eine Eskalation zu einem Höhepunkt) und eliminiere selbst das sicherste. Unter „Lass Claude entscheiden“ keine Vorschläge: wähle das Stärkste und los. Wörter pro 30 s ergeben sich aus dem Tempo (pacing.json words30: 50 bei Tempo 1, 66 bei 3, 82 bei 5). Ende mit der Höhepunktszeile.
  • Plane die Szenen. Schreibe einen Szenenplan in BRIEF.md: eine Zeile pro Szene mit Zeitbereich, Ort und wie er sich ändert. Die Welt ändert sich alle scenery Sekunden des Tempos, es sei denn, die Geschichte braucht einen Ort. Ein neues Requisit auf demselben Hintergrund ist keine Änderung (taste.md, „Scenery“).
  • Lege die Welt fest in BRIEF.md mit fünf Regeln: Palette (2–3 Farben plus ein Akzent pro Takt), Druck oder Linie, Textur (ein Korn), Licht, Beschriftung (eine Familie).

5 · Stimme: die Stimme ist der Taktgeber (überspringen für „kein Voiceover“)

  • hgm voices --list → Besetzung in audio/cast.json → audio/script.json (text trägt die schauspielerische Leistung in [Audio-Tags], caption ist der saubere On-Screen-Text, gap_after lässt Raum für Aktion).
  • hgm voice-all gibt eine Zusammenfassungszeile plus eventuelle ✗-Zeilen aus (vollständiges Log: review/voice.log). Korrigiere ✗-Zeilen mit skip_start, der Bildunterschrift oder hgm voices <id>. Details: hgm ref elevenlabs.

6 · Assets: zuerst online, dann ChatGPT

  • Delegiere den mechanischen Teil an einen Subagenten (Agent-Tool, model: "sonnet"): gib ihm die Liste der Bilder, die BRIEF-Weltregeln und die Befehle hgm assets <key> "query" … (Bilder) und hgm assets --audio <key> "query" (Sounds). Er gibt pro Schlüssel seine Top-3-Kandidaten in einem kombinierten Blatt und einer kurzen Textliste zurück. Du siehst dir dieses eine Blatt klein an und wählst aus; dann hgm pick <key>:<n>:<name> (du oder der Subagent) lädt herunter und protokolliert die Quellenangabe. Quellen: hgm ref sources.
  • Nur was die Archive nicht hergeben, geht an ChatGPT (hgm img inbox/<name>.png "<prompt>", oder ein Prompt-Paket): hgm ref imagegen.
  • Karten: hgm map-data … dann hgm map-reel: hgm ref maps. Zeichne oder rate niemals Geografie.
  • Schneiden und riggen in assets/build_assets.py (hgm grid, hgm zoom, hgm cut, hgm explode; Rezept: hgm ref cutout-farce-recipe). Ein Subagent kann die Koordinaten lesen und schneiden; du überprüfst das einzelne explode-Blatt.

7 · Animation

  • Baue in <slug>.mjs (das Grundgerüst). hgm api listet jeden Helfer mit seiner Signatur auf: verwende es, anstatt das Grundgerüst oder alte Filme zu lesen. Behalte die Timeline-Helfer; ersetze den DEMO-Block.
  • Ein Zustandsobjekt mit at(sec, {key: [from, to]}, dur, ease). Jede Aktion bekommt einen SFX-Hinweis; Bildunterschriften sind an Wörter gekoppelt. at() skaliert jede Dauer mit dem Tempo (PC.k); Schnitt und Szenenwechsel an PC.shot und PC.scenery. hgm voice-all wendet das Erzähltempo und die Lücken des Tempos an.
  • Bewege dich so, wie sich der Stil bewegt (seine Bildrate, was auf Zweiern oder Dreiern läuft, seine Easing-Kurven, Kamera, Übergänge). Das Grundgerüst wendet das Profil bereits an. Gib niemals jedem Stil das gleiche sanfte Ease-In-Out: diese Gleichförmigkeit ist das KI-Verrat.
  • Spaziergänge gehören zur Cut-Out-Farce (und zum Hüpfen und Gleiten des Papiertheaters): walk(style, t, {facing}), hgm ref walks, hgm walks für den Reel.
  • Schreibe die Filmdatei einmal, dann ändere sie mit kleinen Edits. Überschreibe niemals die gesamte Datei, um eine Szene zu ändern.
  • Fallen vermeiden: hgm ref traps vor dem ersten Build.

8 · Überprüfung: sieh aus wie ein Designer (hier lohnen sich Tokens)

  • hgm stills 0,1,3,6,10,... (12–18 mal, einschließlich mitten in der Action) schreibt review/contact.jpg. Betrachte es einmal und bewerte es anhand der Geschmacks-Checkliste: Haken bei 0, 1, 3 und 10 s; ein Held pro Takt; nichts, das ein Gesicht bedeckt; nichts, das nur „da ist“; ändert sich die Szenerie wie geplant, oder teilen mehrere aufeinanderfolgende Frames einen Hintergrund?; würde jemand vermuten, dass es KI gemacht hat?
  • Behebe alles, was du gefunden hast, in einem Durchgang, dann hgm stills nur die geänderten Momente. Zoome (hgm zoom) nur in das eine, das du beurteilst.

9 · Bauen und ausliefern

  • hgm build (rendern, mischen, muxen; im Hintergrund ausführen), dann hgm frames 0.2,<mitte>,<ende> und betrachte die Frames aus der endgültigen MP4. hgm cover <t> erstellt ein schlichtes, typografieloses Cover.
  • Sende die MP4 und das Cover (SendUserFile). Nenne die Länge, etwaige Änderungen am Brief und was du nicht überprüfen konntest (Claude kann nicht zuhören: der Mix wurde anhand von Pegeln und Timings geprüft).
  • Halte CREDITS.md vollständig. Rückmeldungen kommen chirurgisch präzise: wende genau diese an, überprüfe diese Frames erneut, baue neu.

Token-Budget

Gemessen an den ersten drei Filmen (Pemberton 338 Züge, Hyderabad 116, Wright brothers 72): jeder Zug liest die gesamte Konversation erneut, also sind die Kosten Züge × Kontextgröße. Der Chat startet bei etwa 90.000 Tokens, bevor etwas passiert. Ein Screenshot, ein Blatt oder ein cat bleibt im Kontext und wird bei jedem späteren Zug erneut bezahlt. Also:

  • Weniger Züge. Bündele unabhängige Befehle in einem Tool-Aufruf (hgm stills … && hgm frames …). Plane eine Korrekturliste und wende sie in einem Durchgang an.
  • Kleine Ausgaben. Verwende hgm-Befehle, nicht cat, ls oder sed auf Referenzen, alten Filmen oder Logs. hgm ref, hgm api und hgm state geben nur das Nötigste aus. Gib niemals JSON, die gesamte Stimmenliste zweimal oder die Filmdatei aus. Leite lange Tool-Ausgaben in eine Datei um und verwende tail -3.
  • Kleine Bilder, wenige davon. Ein Kontaktblatt pro Überprüfungsrunde; 220-Pixel-Frames reichen zum Beurteilen. Lese niemals rohe Standbilder, rohe Downloads oder Frames in voller Größe; zoome stattdessen in einen Ausschnitt.
  • Subagenten für mechanische Arbeit (model: "sonnet"): Asset-Suche und -Download, Schnitt- und Rigging-Prüfungen, Renderings, Quellenangaben. Sie geben eine kurze Liste und ein Blatt zurück. Behalte das Hauptmodell für Konzept, Skript, Stil, Auswahl und die Designer-Überprüfung.
  • Übergabe, bevor der Kontext schwer wird. Bei etwa 200.000 Tokens Kontext (oder 40 % des Fensters, je nachdem, was zuerst eintritt; ungefähr 50 Tool-Aufrufe), schließe den aktuellen Schritt ab, führe hgm handoff aus, fülle seine „Weiter“-Zeilen aus und sage dem Benutzer: „Weiter in einem neuen Chat: continue <slug>.“ Ein frischer Chat startet von HANDOFF.md und hgm state mit etwa 5.000 Tokens.
PhaseHaupt-Chat-ZügeKontext, der hinzugefügt werden kann
Auswahl + Schätzung≤ 4≤ 8K (die Visualisierungs-Anleitung macht den Großteil aus)
Einrichtung≤ 3≤ 2K
Recherche (Subagent schreibt FACTS.md)≤ 2≤ 3K (du liest FACTS.md, niemals die Suchergebnisse)
Regie (+ hgm ref)≤ 6≤ 12K
Stimme≤ 4≤ 4K
Assets (Subagent macht die Suche)≤ 6≤ 10K (ein kombiniertes Blatt + ein Explode-Blatt)
Animation (Film einmal geschrieben)≤ 8≤ 25K (die Filmdatei, die du schreibst)
Überprüfung (≤ 4 Kontaktblätter)≤ 12≤ 12K
Bauen + ausliefern≤ 4≤ 4K
Gesamter Film≤ 50endet unter ~180K

Gib großzügig aus für das Konzept, die Stilwahl und die Designer-Überprüfung. Sie machen den Film; das Budget kommt aus der Verkabelung, niemals aus dem Aussehen.

Nicht verhandelbar

  • Stimmen: Nur ElevenLabs.
  • Bilder: Archive zuerst; ChatGPT-Bilder bei Bedarf. Niemals Higgsfield. Kein KI-Video. Zeichne niemals Figuren, Illustrationen oder Embleme in Code.
  • Engine: Canvas + anime.js + FFmpeg. three.js nur für echtes 3D; Blender nur, wenn physisches Licht die Idee ist.
  • Quellenangaben und Schlüssel: Nenne jede Quelle. Gib niemals die E-Mail-Adresse des Benutzers oder persönliche Details in Anfragen. Gib niemals Schlüssel aus.

Verwandte Skills