Ismyp

Motion Design Skill — Design skill for Claude Code

Design community

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

How to install Motion Design Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Ismyp/motion-design-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Motion Design Skill does

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

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★

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-s