Motionboard skill
A skill gives the agent 38 recipes of shots from launch films, rebuilt in code, and joins them into a product film.
- 63 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The agent runs HyperFrames and ffmpeg renders on your machine and writes project files.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/motionboardDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The agent runs HyperFrames and ffmpeg renders on your machine and writes project files.
This is third-party code. Review the repository files before installing.
What it does
Motionboard broke real product launch films down into 38 shots. Each shot is recreated in code as a film of about ten seconds on HyperFrames (HTML and GSAP rendered to video), and the site shows each original beside its recreation. The skill hands the agent all 38 recipes. The agent can build one shot or plan and build a whole film. It reads your product, proposes a four to six shot storyboard with preview links, waits for your approval, builds each shot and joins them into a single MP4. A recipe can also be ported into a site as a hero animation through the GSAP timeline. Shots are grouped by role: opening, interface showcase and others.
Who it is for. Product founders and designers who need a launch film or a hero animation without video editing.
Good fit when
- The agent builds a four to six shot launch film from an approved storyboard.
- The match-cut recipe is used for a transition from a logo to the app.
- The Tilted UI with Depth of Field recipe is ported to a landing page as a hero animation.
- Each finished shot is checked against the recipe preview.
Not a fit when
- You need a film with live people and footage rather than interface animation.
- You cannot install Node, HyperFrames and ffmpeg.
- You need an editor with a manual timeline.
Example request
Make a launch film for my product with Motionboard: propose a five-shot storyboard and wait for my approval.Limitations
Node version 22 or newer, HyperFrames (`npx hyperframes`) and ffmpeg are required. The recipes recreate the style of well-known films, so do not copy foreign brand graphics and use your own brand and interface instead. The final film is built by a render that takes time and machine resources. The techniques cover 38 recipes, and unusual shots you must devise yourself. The agent needs terminal access to run `npx hyperframes` and render, and build time grows with the number of shots, so try a single recipe first.
How to disable. Remove the skill with your skill manager command, the plugin through the Claude Code plugin removal command, and the `~/.claude/skills/motionboard` and `~/.codex/skills/motionboard` links.
FAQ
How do I install Motionboard?
Run `npx skills add krisyangdev/motionboard`. For Claude Code use `/plugin marketplace add krisyangdev/motionboard` and `/plugin install motionboard@motionboard`.
What must be installed for rendering?
Node version 22 or newer, HyperFrames through `npx hyperframes` and ffmpeg.
How does film assembly work?
The agent reads the product, proposes a four to six shot storyboard with preview links, waits for your OK, builds the shots and joins them into an MP4.
Can I make a single shot?
Yes, for example with a plain request like "Use the match-cut recipe to go from my logo to the app".
How do I install without a skill manager?
Clone the repository into `~/motionboard` and symlink `skills/motionboard` to `~/.claude/skills/motionboard` and `~/.codex/skills/motionboard`.
Discussion
No questions or reviews yet.
Related
SkillsA skill for promo films and kinetic type: idea and storyboard before the build, MP4 rendered through Chrome and ffmpeg, checked by six gates
A skill that walks an agent through ten gates, from customer pain to final render, so a launch film looks directed.
A skill that makes promo videos from code: direction, in-browser animation with motion blur, its own score and a 60 fps MP4
A skill that turns an article, README or website into a vertical HyperFrames promo video: brief and approval first, then assets, build and review
A Claude Code skill that builds a Remotion film of your product from its own components, tokens and logo, cut to music
motion-video-production: a skill for motion videos
motion-video-production
A skill that takes an agent through seven stages for a 15 to 90 second video, a script checking each stage before the next
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| Motionboard (this card) | no | 63 | |
| Guizang Product Video Skill | no | 939 | launch videos about software updates built in code from your product components; Motionboard provides a library of 38 shot recipes |
| Motion Video Skill | no | 142 | beat-synced video with narration and subtitles; Motionboard builds films from recipes of well-known shots |
README in short
The README lists 38 recipes by group, install methods and three example prompts. The recipes are also shown on the site beside the originals.