Updated 2w ago
by Sunwood-ai-labs
hyperframes-motion-reel-skill
🎬 Claude Code skill for showreel-grade, beat-synced motion graphics with HyperFrames (HTML + GSAP + SVG + Canvas, Apache-2.0) — 120 BPM / 60 FPS to MP4
134 GitHub stars (134)
+134 in 17 days
| Period | New stars |
|---|---|
| Oct 11 | +43 |
| Oct 12 | +21 |
| Oct 13 | +8 |
| Oct 14 | +4 |
| Oct 15 | +4 |
| Oct 16 | +3 |
- 1 skill (1 skills found in its SKILL.md files)
- 20 forks (20 forks)
- 2w ago last update (Last updated 2w ago)
Install
Skills CLI
npx skills add Sunwood-ai-labs/hyperframes-motion-reel-skill
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skillcp -r "hyperframes-motion-reel-skill" ~/.claude/skills/hyperframes-motion-reel-skill
Copies the hyperframes-motion-reel skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add Sunwood-ai-labs/hyperframes-motion-reel-skill
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
hyperframes-motion-reel
ショーリール品質(Behance / OFFF / Awwwards級)のモーショングラフィックス動画を HyperFrames(HTML + GSAP + SVG + Canvas、Apache-2.0)で制作する。remotion-motion-reel の HyperFrames 版で、Remotion の Company License が不要な構成。テーマ・素材(キャラクター画像、音声など)から世界観・コピー・デザインシステム・タイムライン・サウンドを補完し、120BPM/60fps で拍同期した映像を実装・レンダリングまで行う。「HyperFramesでかっこいい動画」「ライセンスフリーでモーショングラフィックス」「ショーリールをHTMLで」などの依頼時に使用。
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.