video_motion: Skill for Claude Code

.agents/skills/hyperframes/SKILL.md

hyperframes is a skill for Claude Code, Codex from maiscafe/video_motion. It costs 167 tokens per session (3,952 once invoked), scanned A, original, MIT.

A starting workflow for creating videos and animations from HTML, a web-page format that can describe visual elements and timing.

In plain words
What is it for?
Use it as the entry point for making or editing promos, explainers, captioned clips, title cards, overlays, motion graphics, and other HTML-based video compositions.
Why use it?
It helps route a video request to the appropriate specialised workflow and provides the basic rules for authoring, animating, and rendering compositions.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions CLAUDE.md; installed under .agents/ (shared by several agents); mentions AGENTS.md.

This is maiscafe/video_motion's own configuration. It tells Claude Code and Codex how to work on video_motion itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything video_motion configures →

Reuse

Borrowing it

Nothing to install: this file belongs to maiscafe/video_motion. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/maiscafe/video_motion/master/.agents/skills/hyperframes/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/maiscafe/video_motion

Made for: Claude Code, Codex.

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 hyperframes

README.md
[![agentmods](https://agentmods.dev/badge/skills/maiscafe/video_motion/hyperframes/github.svg)](https://agentmods.dev/skills/maiscafe/video_motion/hyperframes)
Your own site
<a href="https://agentmods.dev/skills/maiscafe/video_motion/hyperframes"><img src="https://agentmods.dev/badge/skills/maiscafe/video_motion/hyperframes/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 hyperframes

Your own site · 80×15
<a href="https://agentmods.dev/skills/maiscafe/video_motion/hyperframes"><img src="https://agentmods.dev/badge/skills/maiscafe/video_motion/hyperframes.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 167 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,952 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.00167 $0.03952
Opus 5.5 $0.00067 $0.01581
Sonnet 5.5 $0.00033 $0.00790
Haiku 4.5 $0.00017 $0.00395

Measured 2mo ago against content hash df38a0019c2b, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

hyperframes 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 2mo 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.

.agents/skills/hyperframes/SKILL.md · 165 lines

How it starts

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

HyperFrames — start here

HyperFrames renders video from HTML — a composition is an HTML file whose DOM declares timing with data-* attributes, whose animation runtime is seekable, and whose media playback is owned by the framework. The full authoring contract lives in /hyperframes-core; read it before writing composition HTML.

Below: a capability map (the domain skills, loaded on demand) and the intent router (pick a workflow for any "make me a video" request).

Capability map — the domain skills

Atomic capabilities you load on demand — not full video workflows. For "make me a video", use the intent router below.

You want to… Skill
Author / edit an HTML composition — the data-* contract, clips, tracks, sub-compositions, variables /hyperframes-core
Animate — atomic motion, scene blueprints, transitions, runtime adapters (GSAP / Lottie / Three.js / Anime.js / CSS / WAAPI / TypeGPU) /hyperframes-animation
Author seek-safe keyframes — GSAP timelines, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, 3D depth, plus hyperframes keyframes diagnostics /hyperframes-keyframes
Creative direction — frame.md / design.md, palettes, typography, narration, beat planning, audio-reactive /hyperframes-creative
Media — TTS voiceover, background music, transcription, background removal, captions /hyperframes-media
Media resolve — find + freeze BGM, SFX, images, icons from HeyGen catalog into .media/ with manifest tracking /media-use
CLI dev loop — init, lint, validate, inspect, preview, render, publish, doctor /hyperframes-cli
Install registry blocks / components (hyperframes add) /hyperframes-registry

Read the full file on GitHub · 165 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. 2mo ago First seen · 165 lines · 167 tokens per session scan A df38a0019c2b

Subscribe to this mod's changes

hyperframes is a skill published in the GitHub repository maiscafe/video_motion (2 stars, last pushed 4mo ago), licensed MIT. It adds 167 tokens to every session and 3,952 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-08-31.

Related

hyperframes compared with skills from other repositories

hyperframes next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
hyperframesmaiscafe/video_motionSkill24mo agoMITA167Claude Code, Codex
imagegenopenai/codexSkill133kyesterdayApache-2.0A113Codex
playwright-climicrosoft/playwrightSkill99kyesterdayApache-2.0A19Claude Code
local-ai-agentsmicrosoft/ai-agents-for-beginnersSkill79k4d agoMITA200Claude Code, Codex
systematic-debuggingobra/superpowersSkill313k3d agoMITA21Claude Code
next-cache-components-adoptionvercel/next.jsSkill143kyesterdayMITA95Claude Code
next-partial-prefetching-adoptionvercel/next.jsSkill143kyesterdayMITA103Claude Code