Claude-Code-Skill: 30-Sekunden-Erklärvideos in 22 Motion-Design-Stilen – jedes Bild ist Code, ohne KI-Videomodelle
Overview
Ein Skill, mit dem Claude Code dir ein fertiges für deine Firma, dein Produkt oder deine Dienstleistung baut, mit Stimme, Musik und Animation. Ganz ohne KI-Videomodelle: Jedes Bild ist Code, den Claude selbst schreibt. Ich brauche ein Erklärvideo für meine Firma. Dann läuft es so ab: 1. Claude stellt dir vier Fragen: Was verkaufst du? Wer ist dein Kunde? Welches Problem hat er? Was soll er am Ende tun? 2. Du bekommst drei passende Stile aus einer Bibliothek mit 22 erprobten Stilen zur Auswahl, jeweils mit Beispielvideo. 3. Claude schreibt Sprechertext und Ablauf und zeigt sie dir zur Freigabe. 4. Du hörst drei Stimmproben (Google Gemini über kie.ai) und wählst eine aus. 5. Claude baut das Video, prüft es Bild für Bild und liefert es dir fertig aus. - Claude Code. Der Skill rendert Videos lokal, deshalb läuft er nicht in der claude.ai-Web-App. - Mac, Linux oder Windows mit: - Node.js 20+ - Python 3 mit numpy, soundfile und Pillow - ffmpeg - whisper.
README
Motion Design Skill für Claude Code
Ein Skill, mit dem Claude Code dir ein fertiges 30-Sekunden-Erklärvideo (16:9) für deine Firma, dein Produkt oder deine Dienstleistung baut, mit Stimme, Musik und Animation. Ganz ohne KI-Videomodelle: Jedes Bild ist Code, den Claude selbst schreibt.
Du sagst einfach:
Ich brauche ein Erklärvideo für meine Firma.
Dann läuft es so ab:
- Interview: Claude stellt dir vier Fragen: Was verkaufst du? Wer ist dein Kunde? Welches Problem hat er? Was soll er am Ende tun?
- Stilwahl: Du bekommst drei passende Stile aus einer Bibliothek mit 22 erprobten Stilen zur Auswahl, jeweils mit Beispielvideo.
- Text: Claude schreibt Sprechertext und Ablauf und zeigt sie dir zur Freigabe.
- Stimme: Du hörst drei Stimmproben (Google Gemini über kie.ai) und wählst eine aus.
- Bauen: Claude baut das Video, prüft es Bild für Bild und liefert es dir fertig aus.
Voraussetzungen
- Claude Code. Der Skill rendert Videos lokal, deshalb läuft er nicht in der claude.ai-Web-App.
- Mac, Linux oder Windows mit:
- Node.js 20+
- Python 3 mit numpy, soundfile und Pillow
- ffmpeg
- whisper.cpp mit dem Modell
large-v3-turbo, für die Wortzeiten - Chrome oder chrome-headless-shell, zum Rendern
- Ein kie.ai-Schlüssel für die Stimmen. Eine Stimme kostet ein paar Cent pro Video.
Installation
git clone https://github.com/Ismyp/motion-design-skill ~/.claude/skills/erklaervideo
cd ~/.claude/skills/erklaervideo/werkzeuge && npm install
python3 pruefen.py
pruefen.py zeigt dir, was noch fehlt, und nennt für jeden Punkt den passenden Befehl. Auf dem Mac sind das in der Regel diese:
brew install ffmpeg whisper-cpp
python3 -m pip install numpy soundfile pillow
mkdir -p ~/.cache/whisper && curl -L -o ~/.cache/whisper/ggml-large-v3-turbo.bin https://huggingface.co/ggerganov/whisper.cpp/resolve/main/ggml-large-v3-turbo.bin
npx @puppeteer/browsers install chrome-headless-shell@stable --path ~/.cache/puppeteer
Den kie.ai-Schlüssel trägst du in ~/.claude/settings.json ein:
{ "env": { "KIE_API_KEY": "dein-schlüssel" } }
Benutzung
Öffne Claude Code in einem Ordner, in dem die Videos landen sollen, und sag: „Ich brauche ein Erklärvideo für meine Firma.“ Jedes Projekt bekommt dort einen eigenen Unterordner in erklaervideos/.
Was drin ist
| Ordner | Inhalt |
|---|---|
SKILL.md, references/ |
Ablauf, Regeln und die 22 Stilkarten |
vorlagen/ |
technische Vorlage je Stil (Film-Code, Tonspur, Zeitsteuerung) |
beispiele/ |
ein kurzes Beispielvideo je Stil |
werkzeuge/ |
Renderer, Stimme, Wortzeiten, Pegelprüfung, Musik, Mix, Selbstprüfung |
scripts/ |
Projekt anlegen, Stimmproben |
Hinweise
- Schriften: Drei Stile (10, 12 und 18) nutzen auf dem Mac Systemschriften: SF, DIN und Comic Sans bzw. Superclarendon. Die liegen dort schon vor, deshalb stecken sie nicht im Paket. Auf anderen Systemen springt automatisch eine freie Ersatzschrift ein, die Stile sehen dort also leicht anders aus.
- Lizenzen von Schriften und Bibliotheken: siehe DRITTANBIETER.md.
Lizenz
MIT, siehe LICENSE.
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add ismyp/motion-design-skill