The skill
One SKILL.md and 11 short references: plan, motion, pacing, type, sound, review.
Motion design your agent can plan.
A free agent skill, MIT licensed. Your agent reads your product, writes a scene plan, builds the film from it and checks the render.
- Works with
- Claude Code
- Codex
- Cursor
- Gemini CLI
- OpenCode
- Renders with
HyperFrames
Remotion
Editframe
fframes
The launch film starter: 7 scenes, 15 seconds, rendered from the plan beside it. Press a row to jump to its scene.
00:15:00
Every move says something.
A command types. A count rolls. A word about speed arrives fast. One element carries the eye from scene to scene, so the film reads as one shot, not a set of slides.
plans/showreel.md, rendered with HyperFrames, 15 seconds.00:30:00
Your product, not grey boxes.
Point it at your codebase, a GitHub repo or a running app. It gathers the real screens, copy, numbers and brand. When it has to mock a screen, the plan says so.
plans/launch-film.md, rendered with HyperFrames, 15 seconds.00:45:00
Plan first. Film second.
Nothing is built until you approve the plan.
- 1
Install the skill
npx skills add Karanjot786/reelcn -s reelcn-motion - 2
Describe the film
Make a 15 second launch film for this repo.
- 3
Approve the plan
The idea, every scene, its words, its move and its sound, before any code.
- 4
Build and render
One continuous film at 60 fps in 1080p, 2K or 4K, checked after the render.
- 5
Ask for a change
Hold the logo longer. The plan changes first, then the film.
01:00:00
What is in the pack.
Plain files in your repo. Read them, change them, keep them.
Scene starters
7 finished reference films to study, each with its plan, music cues and assets.
Motion tokens
One file of durations, curves and check targets, generated for TypeScript, JavaScript, CSS and Rust.
Renderer guides
4 guides: setup, patterns, traps and the render command for each renderer.
plans/title-sequence.md, rendered with HyperFrames, 8 seconds.plans/changelog-clip.md, rendered with HyperFrames, 12 seconds.01:15:00
One plan, 4 renderers.
The same scene plan, built on each renderer the skill supports. Pick the one your project already uses.
HyperFrames: the same plan, 15 seconds, 2.7 MB at 720p.
01:30:00
Questions.
Do I need motion design experience?
No. The skill carries the rules: one element carries the eye, motion shows meaning, something moves during every read. Each film gets its own idea from your material, never a reskinned template. You approve the plan in plain words.
What kinds of video does it make?
Launch films, showreels, title sequences, changelog clips and kinetic type: 5 plans. Ask for something else and it plans a new film from the closest structure.
Which coding agents work?
Any agent with skill support. It was tested end to end with Claude Code, by running real prompts in fresh projects.
Which renderer should I pick?
The one your project uses. With none, pick HyperFrames: it is the proven path and it checks the layout for you. Remotion and Editframe suit web teams. fframes suits Rust.
How does it check the film?
motion-check reads the rendered file: how much of it moves, the longest still stretch, one-frame flashes, loudness and true peak, and whether hits land on picture. It also checks the plan for stock copy, stock moves, a missing idea and numbers your material does not back.
Is it free for client work?
The skill's code and starters are MIT, their fonts are SIL OFL and their music is CC0, so yes. HyperFrames (Apache-2.0) and fframes (MIT, its h264 output links GPL ffmpeg) are open source. Remotion and Editframe are free for individuals and companies of three or fewer, and paid above that. Read their terms.