SKILL0:56HyperFrames: 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.
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
| Agent / tool | Access / cost | Link |
|---|---|---|
| Codex | ChatGPT plan or API | openai.com/codex |
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Cursor | Free tier + paid | cursor.com |
| GitHub repo | Open source · ★ 676 | Pluviobyte/video-production-skills |
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.
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.
Written by us so you can reuse it. Replace each [bracket] with your details.
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
SKILL0:56Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.
SKILL0:34Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.
SKILL0:28Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.
SKILLBrings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.
SKILLOfficial skills from GreenSock that teach agents to write correct, smooth GSAP animations.
SKILLA Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.
Free newsletter
New AI tools you can use right away, in plain words. Every Friday.