Rohith2989

Motion Director — Design skill for Claude Code

Design community

A Claude Code skill that turns one line into a keynote-grade motion graphics film: research, treatment, deterministic code with real motion blur, a from-scratch score and sound design, TTS voice casti.

How to install Motion Director

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

What Motion Director does

A Claude Code skill that turns one line into a keynote-grade motion graphics film: research, treatment, deterministic code with real motion blur, a from-scratch score and sound design, TTS voice casting by blind duels, frame-by-frame review.

Alternatives in Design

  • Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
  • Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
  • Vox Director — Turn one topic into a finished Vox-style paper-collage explainer/ad video — automated end to end on Atlas Clou 2.1k ★

README

motion-director

**A Claude Code skill that turns one line into a keynote-grade motion graphics film.** Say *"make a launch video for this"* — it researches the product, writes a shot-by-shot treatment, builds the film as deterministic code with real motion blur, composes the score and designs every sound from scratch, can cast and word-sync a voiceover, reviews every frame, and hands you the MP4.

![The 12-second reference film, rendered by the skill's engine](assets/demo.gif)

*The reference film ("Lumen", a fictional product) — kinetic type on living light, a panel slide-over into a real-feeling product UI, a chart that counts up, a typed question, a highlighted answer, a camera dive into the hero bar, a circle wipe to night, a lockup. Real shutter motion blur, synthesized score and sound design.* [Full-quality MP4](assets/demo.mp4) · [Frame sheet](assets/demo_sheet.png)


Install

**macOS / Linux**

git clone https://github.com/Rohith2989/motion-director ~/.claude/skills/motion-director

**Windows (PowerShell)**

git clone https://github.com/Rohith2989/motion-director "$env:USERPROFILE\.claude\skills\motion-director"

Only for one project? Clone it into `/.claude/skills/motion-director` instead. Update later with `git pull` in that folder.

**Requirements:** Node 18+, Python 3.10+, git. The first film installs everything else into its own project folder (headless Chrome for rendering, ffmpeg, fonts, brand icons — about 300 MB) and the Python packages in `engine/requirements.txt`. Check a machine with `python scripts/doctor.py`.

**Optional keys** (environment variables, never files): `GEMINI_API_KEY` for voiceovers (Gemini 3.8 TTS, 300+ voices) and AI review; `OPENAI_API_KEY` or `ELEVEN_API_KEY` for alternative voices.

Use

Just ask Claude Code — no brief, no long prompt:

Use motion-director to make a launch video for this app.
/motion-director onboarding video for our product, with a voiceover
Make a 15-s