Skip to content
Get Friday PicksSubmit

Video production skills: motion director and replica QC

A pack of video skills: one plans the motion language and beats before building in HyperFrames or Remotion, another rebuilds a reference video and grades how close it got.

In short: A pack of video skills: one plans the motion language and beats before building in HyperFrames or Remotion, another rebuilds a reference video and grades how close it got. It is a free skill for people who use Codex, Claude Code or Cursor and want help with motion graphics.

Checked on · Added

Open on GitHub · ★ 676

Works with

Agent / toolAccess / costLink
CodexChatGPT plan or APIopenai.com/codex
Claude CodePaid Claude plan or APIclaude.com/claude-code
CursorFree tier + paidcursor.com
GitHub repoOpen source · ★ 676Pluviobyte/video-production-skills

Try it in 60 seconds

npx skills add https://github.com/Pluviobyte/video-production-skills --list
npx skills add https://github.com/Pluviobyte/video-production-skills --skill ai-motion-director
npx skills add https://github.com/Pluviobyte/video-production-skills --skill reference-video-replica-qc

Install command copied from the project README. Check the README for the latest version.

What it does

A pack of video skills: one plans the motion language and beats before building in HyperFrames or Remotion, another rebuilds a reference video and grades how close it got.

这是一个长期维护的 AI 视频制作 skill 精选仓库,用来沉淀我在视频创作、视频复刻、动效生成、片头包装、质检交付等流程中反复使用的方法,也用来把优秀参考视频中的动效拆成 HyperFrames / Remotion 能够实现和复用的组件。

Short excerpt from the README of Pluviobyte/video-production-skills. Read the full README on GitHub.

Inside the repo

长期目标:从复刻到组件库已收录 Skills效果预览AI 动效导演元 Skill黑底白字打字开场暗色 SaaS / Magic UI参考视频复刻闭环仓库会如何扩展推荐安装怎么选择设计边界

A prompt to try

Use ai-motion-director from video-production-skills to plan a 30s motion video about [topic]: beats, components and assets first, then build it.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo and read the README (install commands change often).
  2. Install it with the command in the README, or copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex).
  3. Restart your agent so it picks the skill up.
  4. Ask for the video in plain words and review drafts before the final render.

Docs, demos & materials

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in Motion Graphics

See all Motion Graphics entries →

Related

HyperFrames: write HTML, get a video thumbnailSKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code logoCodex logoClaude Code +1★ 63.8k
/brag: turn a finished project into a launch video thumbnailSKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code logoCodex logoClaude Code +1★ 16k
Anatomy: interactive isometric illustrations thumbnailSKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code logoCodex logoClaude Code +1★ 10.6k
huashu-art-motion: animate artwork in 35 art styles thumbnailSKILL

huashu-art-motion: animate artwork in 35 art styles

Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.

Claude Code logoCodex logoClaude Code +1★ 4.2k
GSAP official agent skills thumbnailSKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code logoCodex logoClaude Code +1★ 16.4k
lemo-opuscar: short films in 51 styles, no video model thumbnailSKILL

lemo-opuscar: short films in 51 styles, no video model

A Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.

Claude Code logoClaude Code★ 2.7k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.