IM

ismyp/motion-design-skill

浏览器自动化

本页由 AI 翻译,技术细节请以原文为准。 查看原文

20 stars 质量 72 趋势 31MIT

Claude-Code-Skill: 30-Sekunden-Erklärvideos in 22 Motion-Design-Stilen – jedes Bild ist Code, ohne KI-Videomodelle

概览

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

以下为原文 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

在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add ismyp/motion-design-skill
新手?先看 mcpskill.org 教程 →