Motion Video Director Skill 技能

技能简介

Motion Video Director 是一个面向 Claude Code、Codex 与 Cursor 的动效与视频编辑技能，把编码代理直接变成一支完整的视频制作团队。运动图形、口播剪辑、配音脚本、音效设计与最终成片渲染全部在本地完成，不需要 After Effects 或 Premiere。技能本体是一份生产流程手册 SKILL.md 加一组辅助脚本，代理按固定流程执行并在关键节点设置审批门，你在全量渲染前先审脚本、审分镜、审预览。作者用它产出了本技能的发布广告——一支 56 秒、1080p、带配音与完整混音的 SaaS 宣传片。

核心能力

1. 运动图形与动画解说：用 Canvas、SVG、Three.js、GSAP 在代码里画出动效，覆盖动态排版、3D 文字、UI 演示、光标动画、贴纸与 Lottie。
2. 素材剪辑：对口播与实拍素材做剪切、推进变焦、字幕、B-roll、人物背后文字、变速斜坡，支持 RVM 与 SAM2 抠像。
3. 配音脚本与音效：输出可直接粘进 ElevenLabs 的配音稿，按词级时间戳对齐每个镜头；音效做到帧级同步并按 -14 LUFS 平台响度归一。
4. 3D 与渲染：Three.js 产品镜头、漂浮卡片、镜头穿越、挤压 Logo，最终导出 9:16、16:9 或 1:1 的 MP4。
5. 素材检索：通过 Firecrawl、Freesound、Pexels、Pixabay、LottieFiles 取字体、音效与素材库，可用 Playwright 浏览 Pinterest、Behance 找参考。

安装配置

• 最快方式：项目目录里执行 npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill，安装器会询问你用哪个代理并复制到对应目录。
• Claude Code 插件方式：/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill，再 /plugin install motion-video-director@motion-graphics-skill，重启生效。
• 手动方式：下载 ZIP，把 skills/motion-video-director 复制到 ~/.claude/skills/（全项目）或 .claude/skills/（仅当前项目）。
• 依赖：Node.js 18+、ffmpeg 与 ffprobe、Playwright 无头 Chrome；可选 Python 3.10+ 装 faster-whisper、rembg、demucs，以及 ElevenLabs 等 API Key 写进本地 .env。

使用步骤

1. 描述想要的视频并附上参考：「给我的 SaaS 做一支 30 秒 9:16 的发布短片，参考已附」。
2. 技能先做 Brief，收集参考、故事、受众、格式与长度。
3. 写出配音脚本交给你，你生成 MP3 后回传。
4. 按配音词级时间戳出分镜，逐镜头定时。
5. 在代码里搭建场景并剪辑你提供的素材，先渲染联络表预览，改完问题再全量渲染出片。
6. 进度记录在 PROGRESS.md，新会话可从中断处继续。

适用场景

• 独立开发者与小团队制作产品发布短片、功能解说与社媒竖屏广告。
• 把对口播素材快速剪成带字幕、推进变焦与 B-roll 的短视频。
• 用代码生成运动图形与 UI 演示动画，替代一次性购买动效模板。
• 为落地页、演示文稿与展会屏幕产出统一视觉风格的循环动画。

适用人群：动效设计师、视频剪辑师、增长与市场同学、独立开发者、需要用 AI 提升出片效率的创作团队。

工作原理：技能以「审批门 + 本地渲染」为核心。代理遵循 Brief、配音脚本、分镜、搭建、预览、渲染混音六步固定流程，在脚本、计划、预览三处停下来等你确认；动画不依赖 AE，而是写成代码后由无头 Chrome 与 ffmpeg 渲染合成，音轨用 demucs 分轨、按帧对齐后统一响度。环境自检由 preflight.sh 完成，缺什么一目了然。

官方链接：GitHub 仓库 https://github.com/Miftahul-Islam-Efaz/Motion-graphics-skill ；作者 Instagram 主页 https://www.instagram.com/miftahul_islam_efaz/ 。