MMCPMarkets
MM

mattypark/motion-graphics-skill

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

10 stars Качество 58 Тренд 32
Repository Install

Best Motion graphics and video editing skill for Claude Code, Codex and Cursor. Plan, animate, edit, caption and sound-design complete videos, rendered locally without After Effects.

Обзор

Plan, animate, edit, voice and sound-design complete videos with Claude Code, Codex or Cursor. Everything renders locally, with no After Effects or Premiere. Every frame above was written and rendered by Claude Code using this skill. Motion Video Director turns a coding agent into a video production team. It handles the work a motion designer, editor and sound designer would normally do: - Motion graphics and animated explainers, drawn in code (Canvas, SVG, Three.js, GSAP) - Editing raw footage and talking-head clips: cuts, punch zooms, captions, B-roll, text behind the subject - Voiceover scripts for ElevenLabs, with word-level timing for every shot - Sound design synced to the frame and mixed to platform loudness (-14 LUFS) - Final MP4 renders in 9:16, 16:9 or 1:1 The skill is a production playbook (SKILL.md) plus a set of helper scripts. The agent follows a fixed process with approval gates, so you review the script, the plan and a preview before anything is fully rendered.

README

Показан фрагмент оригинального README. Открыть оригинал.

Overview

Motion Video Director turns a coding agent into a video production team. It handles the work a motion designer, editor and sound designer would normally do:

  • Motion graphics and animated explainers, drawn in code (Canvas, SVG, Three.js, GSAP)
  • Editing raw footage and talking-head clips: cuts, punch zooms, captions, B-roll, text behind the subject
  • Voiceover scripts for ElevenLabs, with word-level timing for every shot
  • Sound design synced to the frame and mixed to platform loudness (-14 LUFS)
  • Final MP4 renders in 9:16, 16:9 or 1:1

The skill is a production playbook (SKILL.md) plus a set of helper scripts. The agent follows a fixed process with approval gates, so you review the script, the plan and a preview before anything is fully rendered.

Examples

All of these were made with this skill.

AI Creates Motion Graphic Motion keyboard Brud Code launch
Watch on Instagram Watch on Instagram Watch on Instagram

The launch ad for this skill was also produced with it: a 56-second, 1080p SaaS ad with voiceover, 2D/3D animation and a full sound mix.

Installation

Run this in your project folder. It works with Claude Code, Codex, Cursor and other agents that support skills:

npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill

You need Node.js installed. The installer asks which agent you use and copies the skill to the right folder.

Claude Code plugin

Inside Claude Code, run:

/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill
/plugin install motion-video-director@motion-graphics-skill

Restart Claude Code afterwards.

Manual install

  1. Click Code → Download ZIP at the top of this page and unzip it.
  2. Copy the skills/motion-video-director folder into one of these locations:
Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add mattypark/motion-graphics-skill
Новичок в MCP? Начните с руководства на mcpskill.org →