motion-studio

motion-studio is a skill for Claude Code from mgiovani/cc-arsenal. It costs 187 tokens per session (1,921 once invoked), scanned A, original, MIT.

A code-based workflow for producing animated videos by drawing frames over time and encoding them into a video file.

In plain words
What is it for?
It supports launch videos, showreels, product reels, music videos, explainers, short films, UI animations, and the rendering pipeline behind them.
Why use it?
It gives an agent a repeatable way to render and inspect motion work rather than trying to describe a finished video in text.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions CLAUDE.md; mentions subagents; mentions Claude Code.

Part of the cc-arsenal-product plugin — 7 skills shipped together , and of cc-arsenal-dev, cc-arsenal

Good fit It supports launch videos, showreels, product reels, music videos, explainers, short films, UI animations, and the rendering pipeline behind them.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/mgiovani/cc-arsenal/motion-studio
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add mgiovani/cc-arsenal --skill motion-studio
Clone the repo
git clone --depth 1 https://github.com/mgiovani/cc-arsenal

Made for: Claude Code.

Or install cc-arsenal-product, the plugin that ships this one along with the rest of its 7 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for motion-studio

README.md
[![agentmods](https://agentmods.dev/badge/skills/mgiovani/cc-arsenal/motion-studio/github.svg)](https://agentmods.dev/skills/mgiovani/cc-arsenal/motion-studio)
Your own site
<a href="https://agentmods.dev/skills/mgiovani/cc-arsenal/motion-studio"><img src="https://agentmods.dev/badge/skills/mgiovani/cc-arsenal/motion-studio/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for motion-studio

Your own site · 80×15
<a href="https://agentmods.dev/skills/mgiovani/cc-arsenal/motion-studio"><img src="https://agentmods.dev/badge/skills/mgiovani/cc-arsenal/motion-studio.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 187 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,921 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00187 $0.01921
Opus 5.5 $0.00075 $0.00768
Sonnet 5.5 $0.00037 $0.00384
Haiku 4.5 $0.00019 $0.00192

Measured 22d ago against content hash 17cc60a01bff, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

motion-studio scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 22d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/motion-studio/SKILL.md · 74 lines

How it starts

The opening of the file, as written. The whole thing — 74 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Motion studio

Every video here is a program. Claude writes code that paints a frame for any moment in time, a headless browser (or Node canvas) captures the frames, ffmpeg encodes them. The model cannot emit an MP4; only an agent with a shell can render, listen to and look at its own frames. The prompt is 10 percent of the video; the harness (renderer, sound, critique loop) is the other 90.

When to use

  • Launch videos, product reels, showreels, motion ads, UI morph loops, music videos, explainers, short films made in code.
  • Turning a product URL, a reference clip or a song into a rendered MP4.
  • Building or fixing the pipeline itself: seek(t), springs, beat grid, SFX, critique loop.

Pick a route first

Route When Read
A. Canvas seek(t) + Playwright + ffmpeg (default) Any one-off film; zero dependencies, full control references/render-engine.md
A1. Clawd / p5.brush cartoon Animations starring the Claude mascot, painted storybook cartoons references/clawd-mascot.md
A2. Hand-drawn Node canvas (no browser) Storybook, brush-ink and watercolour, low-poly loops, game-feel shorts references/hand-drawn-canvas.md
B. HyperFrames (HTML + GSAP, agent skills) Web-page thinking, captions, voiceover, templates, Studio editing references/hyperframes.md
C. Remotion (React) Teams already in React, series, data-driven templates references/remotion.md

Opus defaults to route A (one index.html, Playwright, ffmpeg, zero dependencies) and skips Remotion and HyperFrames even when installed. If the user wants a framework, say so explicitly in the brief.

HyperFrames setup (ask the user first; needs Node.js: fnm install --lts or brew install node): run npx skills add heygen-com/hyperframes and choose Core Skills; for CI or non-interactive refresh run npx hyperframes skills update. Start a fresh chat afterwards and ask it to use /hyperframes. HyperFrames needs no React or build step and is Apache 2.0; Remotion fits teams already writing React (components, design system, typed inputs).

Read the full file on GitHub · 74 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 22d ago Changed 17cc60a01bff
  2. 26d ago First seen · 74 lines · 187 tokens per session scan A b2e38a858016

Subscribe to this mod's changes

motion-studio is a skill published in the GitHub repository mgiovani/cc-arsenal (8 stars, last pushed 2d ago), licensed MIT. It adds 187 tokens to every session and 1,921 once invoked, about $0.0007 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-02.

Related

Other skills, from other repositories

basic-skill

Summarize small CSV files and identify the highest revenue month.

darkrishabh/agent-skills-eval · 17 tokens

testing-anti-patterns

Reviews test code to identify and fix common testing anti-patterns including flaky tests, over-mocking, brittle assertions, test interdependency, and hidden test logic. Flags bad patterns, explains the specific defect, and provides corrected implementations. Use when reviewing test code, debugging intermittent or…

rohitg00/skillkit · 95 tokens

handoff-protocols

Manages work transitions between team members or agents by creating structured handoff documents, summarizing project status, documenting key decisions, blockers, and open questions, and generating onboarding briefs. Use when someone needs to hand off, hand over, or transition a project; pass work to another person or…

rohitg00/skillkit · 116 tokens

parallel-investigation

Coordinates parallel investigation threads to simultaneously explore multiple hypotheses or root causes across different system areas. Use when debugging production incidents, slow API performance, multi-system integration failures, or complex bugs where the root cause is unclear and multiple plausible theories exist…

rohitg00/skillkit · 97 tokens

hypothesis-testing

Applies the scientific method to debugging by helping users form specific, testable hypotheses, design targeted experiments, and systematically confirm or reject theories to find root causes. Use when a user says their code isn't working, they're getting an error, something broke, they want to troubleshoot a bug, or…

rohitg00/skillkit · 103 tokens

trace-and-isolate

Applies systematic tracing and isolation techniques to pinpoint exactly where a bug originates in code. Use when a bug is hard to locate, code is not working as expected, an error or crash appears with unclear cause, a regression was introduced between recent commits, or you need to narrow down which component…

rohitg00/skillkit · 120 tokens