KIRO Motion Studio skill
A skill with example code: Claude renders each frame with canvas or three.js, cuts to music beats and assembles video in ffmpeg.
- 158 ★ on the repository
- Last commit
Extended access
Why this level
- The skill runs rendering and third-party programs on your machine.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/kiro-motion-studioDetects 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 skill runs rendering and third-party programs on your machine.
This is third-party code. Review the repository files before installing.
What it does
The skill describes how to build an After Effects-grade clip with code. Each frame is drawn in Node.js through canvas or in three.js with headless Chromium, editing is locked to music beats and assembly is done in ffmpeg. `SKILL.md` collects taste standards, a transition library, 2D and 3D pipelines, beat handling, lyric alignment, quality checks and delivery. The `examples/` folder holds source for real projects: intros, a personal showreel, a news video, a clip with word alignment through faster-whisper, a chrome-metal 3D logo in three.js and two VJ loops. The workflow also covers covers and post copy. The skill is aimed at visual creators ready to work with code and rendering on their own machine.
Who it is for. Motion designers and VJs who assemble clips with code and want ready techniques for cutting to music.
Good fit when
- An intro or clip is needed where a program draws every frame.
- Cuts are locked to track beats and transitions are checked.
- Song words are aligned to audio through faster-whisper for a music video.
- A 3D logo is rendered in three.js with headless Chromium.
Not a fit when
- Video is built in a graphical editor without code.
- The machine has no Node.js, ffmpeg or Chromium.
- A ready template is needed without editing sources.
Example request
Make a 15-second canvas intro cut to the beats of `beat.mp3` and assemble the video with ffmpeg.Limitations
The examples assume developers: Node.js and ffmpeg are required, and 3D also needs `three`, `playwright-core` and Chromium. The Chromium path in `drive.js` must be replaced with your own. Rendering frame by frame takes a lot of time and CPU. No license is set in the repository, so confirm usage terms for sources and logos with the author. You pick music, fonts and images for your own projects. Documentation is in Chinese. The last commit dates from October 2026.
How to disable. Delete the `~/.claude/skills/kiro-motion-studio` folder. Rendered files and npm dependencies remain in your projects.
FAQ
What examples are included?
KIRO intros, a personal showreel, a news video, a clip with word alignment, a three.js 3D logo and VJ loops.
How do I install the skill?
Place the folder in `~/.claude/skills/kiro-motion-studio/` or upload `SKILL.md` in Skills settings on claude.ai.
What does the 3D example need?
The packages `three`, `playwright-core`, `esbuild`, `opentype.js` and `@fontsource` fonts, plus Chromium with the right path in `drive.js`.
How do I preview frames without a full render?
`node drive.js stills 1.0,5.0,12.0 out` writes still frames at the given seconds.
Is there a license?
No license is set in the repository; confirm terms with the author before reusing sources in your projects.
Discussion
No questions or reviews yet.
Related
SkillsTwo Claude Code skills for videos made entirely in code: hand-painted watercolour animation and kinetic typography reels
Seventeen skills for motion graphics: an agent builds looping 3D scenes, titles and clips with Remotion, Three.js and Python.
Motion Video Kit
motion-video-kit
A skill for business promo videos: a builder-not-judge loop, 16 motion techniques, Three.js patterns. Examples are other people's, frames are not distributed
Claude Code skill: turns a one-line theme into a beat-synced HyperFrames showreel with morph transitions and generated sound.
Skill edits video from a form brief: cuts, logo, on-screen inserts, zoom and music, all running locally.
Nine motion design skills for Claude Code: timing, color, composition, After Effects, Remotion, logos and backgrounds.
README in short
The README lists what `SKILL.md` and the examples directory contain, how to install the skill and commands for the 3D example. A note covers the Chromium path.