Pflicht
Claude Code
Das CLI, in dem CueMotion als Skill läuft. Hast du bereits — du liest das ja in dessen Umfeld.
claude.ai/code
← Zurück zur Startseite
Installations-Anleitung
In ein paar Minuten
In ein paar Minuten
startklar.
Nach dem Kauf lädst du den Skill als .zip herunter, legst ihn in dein Claude-Code-Projekt und sagst Claude „richte mir den Skill ein". Den Rest erledigt der mitgelieferte Setup-Skill mit dir zusammen — System-Check, Abhängigkeiten, dein Markenprofil und die API-Keys.
Bevor du startest
Was auf deinem Rechner
Was auf deinem Rechner
liegen muss
Drei Dinge brauchst du selbst, zwei eigene API-Keys bringst du mit. Der Setup-Skill prüft alles und installiert Fehlendes für dich.
Pflicht
Node.js ≥ 22
Die Laufzeit für die Skripte. Per nvm install 22 oder von nodejs.org. Wird geprüft, aber nicht automatisch installiert.
node -v → v22+
Auto
FFmpeg
Für die Audio- und Video-Verarbeitung. Fehlt es, installiert das Setup es per Homebrew (macOS) bzw. Paketmanager (Linux).
brew install ffmpeg
Dein Key
Anthropic / Claude
Für den Analyse-Schritt. Nutzungsbasiert über dein eigenes Konto. Key von console.anthropic.com.
ANTHROPIC_API_KEY
Dein Key
ElevenLabs Scribe
Für die word-level Transkription. Ebenfalls dein Konto, nutzungsbasiert. Key von elevenlabs.io.
ELEVENLABS_API_KEY
Inklusive
Kein Konto nötig
Kein GSAP-Konto, kein CueMotion-Konto, kein Abo. Hyperframes (der Renderer) lädt sich beim ersten Render selbst über npx.
einmal kaufen · behalten
Die Einrichtung
Fünf Schritte bis zum
Fünf Schritte bis zum
ersten Overlay
01
Herunterladen & entpacken
Direkt nach dem Kauf landest du auf der Bestätigungsseite mit deinem Download-Link (zeitlich begrenzt — lade gleich herunter). Entpacke die cuemotion-skill.zip — sie enthält bereits einen cuemotion/-Ordner.
$ unzip cuemotion-skill.zip -d ~/dev # → ~/dev/cuemotion
02
In Claude Code öffnen
Öffne den entpackten Ordner als Projekt in Claude Code. Der Ordner mit der package.json ist die Wurzel — von dort kennt Claude den mitgelieferten Setup-Skill.
$ cd ~/dev/cuemotion
$ claude
$ claude
03
„Richte mir den Skill ein.“
Sag genau das zu Claude. Der cuemotion-setup-Skill übernimmt — Schritt für Schritt und mit genau einer Rückfrage vor System-Installationen:
- System-Check — Node, FFmpeg, Betriebssystem, Homebrew.
- Abhängigkeiten — npm install und, falls nötig, FFmpeg.
- Markenprofil — Farben, Schriften, Tonalität im Gespräch → brand/profile.json.
- API-Keys hinterlegen und alles verifizieren.
04
API-Keys eintragen
Das Setup kopiert .env.example nach .env. Trag deine zwei Keys ein (oder lass Claude sie eintragen — sie werden nie ausgegeben). Beide laufen über deine eigenen Konten.
# .env
ANTHROPIC_API_KEY=sk-ant-…
ELEVENLABS_API_KEY=…
ANTHROPIC_API_KEY=sk-ant-…
ELEVENLABS_API_KEY=…
05
Erstes Video bauen
Leg die exportierte Tonspur deines fertig geschnittenen Videos ins Projekt und sag Claude sinngemäß:
„Nimm diese Tonspur und baue mir die Animationen.“
Transkription → Analyse → Komposition der Kamera-Szenen → Vorschau-Galerie im Browser → Render der transparenten Overlays. Die fertigen MOVs legst du in DaVinci, Premiere oder Final Cut über dein Video.
Die Skills im Paket
Jeder Schritt ein Skill
Die Longform-Pipeline (16:9) besteht aus fünf nacheinander aufrufbaren Skills. Jeder Zwischenschritt ist eine inspizierbare Datei und einzeln wiederholbar.
SkillMachtErgebnis
longform-1-transcribeTonspur → Wörter mit Zeitstempeltranscript.json
longform-2-analyzeLiest „wie ein Editor“, plant die Beats in deiner Markemanifest-draft.json
longform-3-composeBaut die langen Kamera-Szenen (bei kurzen Videos meist übersprungen)composed scenes
longform-4-galleryLive-HTML-Galerie im Browser zum Reviewgallery/
longform-5-renderPro Beat ein transparentes Overlay-MOVoverlay.mov · alpha
Die fertigen Overlay-MOVs legst du Alpha-transparent in deinem Schnittprogramm (DaVinci, Premiere, Final Cut) über dein Video. Dazu eigenständig nutzbar: lottie-add (Lottie-JSON → fertiges Overlay-MOV), register-beat (neuen Motion-Beat-Typ aufnehmen) und katalog (alle Beat-Typen als Galerie ansehen). Untertitel/Text platziert der Analyzer selbst als Motion-Beat.
# 1 · Abhängigkeiten
$ npm install
$ brew install ffmpeg # falls nötig
# 2 · Keys
$ cp -n .env.example .env
# ANTHROPIC_API_KEY + ELEVENLABS_API_KEY eintragen
# 3 · Verifizieren
$ npm run typecheck
$ npm run dev -- longform catalog --check
✓ beides grün = startklar
Lieber selbst
Manueller Weg
Du musst den Setup-Skill nicht nutzen. Wer die Schritte lieber selbst macht, führt sie im Skill-Ordner direkt aus — der Ordner mit der package.json ist die Wurzel.
- Brand-Profil von Hand: brand/profile.json bearbeiten — Farben, Fonts, Tonalität, Avoid-Liste.
- Design-Check: npx tsx tests/smoke-design-guard.ts prüft Schriften & Tokens.
- Eigene Fonts? TTF/OTF nach brand/fonts/ legen und in der profile.json referenzieren.
Wenn etwas hakt
Häufige Stolpersteine
„node: command not found“ oder Version < 22
Node ist nicht (richtig) installiert. Installiere Node 22 über nvm install 22 && nvm use 22 oder von nodejs.org und starte das Terminal neu. Prüfe mit node -v.
FFmpeg fehlt
Unter macOS: brew install ffmpeg (Homebrew von brew.sh). Unter Linux der Distro-Paketmanager, z. B. sudo apt-get install -y ffmpeg. Danach ffmpeg -version zur Kontrolle.
Claude findet den Setup-Skill nicht
Stelle sicher, dass du Claude Code im entpackten Ordner (dem mit der package.json) geöffnet hast, nicht eine Ebene darüber. Dann erkennt Claude den mitgelieferten cuemotion-setup-Skill.
Der erste Render dauert lange
Beim ersten Mal lädt sich Hyperframes über npx selbst herunter — das passiert nur einmal. Danach rendert jeder Beat als transparentes ProRes-4444-MOV.
Fallen laufende Kosten an?
Der Skill selbst kostet nur den einmaligen Kaufpreis. Pro Video fallen nutzungsbasierte Kosten bei Anthropic (Analyse) und ElevenLabs (Transkription) auf deinen eigenen Konten an — überschaubar und direkt bei den Anbietern abgerechnet.
Ich komme nicht weiter
Sag Claude einfach nochmal „richte mir den Skill ein“ und folge den Schritten — oder melde dich per E-Mail beim Anbieter (siehe Impressum). Wir helfen dir, den Skill zum Laufen zu bringen.