IM

ismyp/motion-design-skill

Browser automation
20 stars Quality 72 Trend 31MIT

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:

  1. Interview: Claude stellt dir vier Fragen: Was verkaufst du? Wer ist dein Kunde? Welches Problem hat er? Was soll er am Ende tun?
  2. Stilwahl: Du bekommst drei passende Stile aus einer Bibliothek mit 22 erprobten Stilen zur Auswahl, jeweils mit Beispielvideo.
  3. Text: Claude schreibt Sprechertext und Ablauf und zeigt sie dir zur Freigabe.
  4. Stimme: Du hörst drei Stimmproben (Google Gemini über kie.ai) und wählst eine aus.
  5. 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.

View the full README on GitHub

Recommended Tools

Try a different keyword or remove a filter.

Install

npx skillfish add ismyp/motion-design-skill
New to MCP? Start with the mcpskill.org guide →