hyperframes-keyframes

hyperframes-keyframes is a skill for Codex from jxoesneon/Ciel. It costs 116 tokens per session (3,201 once invoked), scanned A, a copy of hyperframes-keyframes, Apache-2.0.

A guide to adding and checking motion in HyperFrames, an HTML-based video system. It covers zooms, camera moves, shape changes, text effects, and other time-based visual changes.

In plain words
What is it for?
Use it for punch-ins, reframing, Ken Burns effects, transitions, SVG changes, masks, text trails, and diagnosing keyframe problems.
Why use it?
It helps keep animated subjects consistent and makes motion work correctly when a video is previewed or rendered from any point.

Skill for Codex

Written for Codex: agents/openai.yaml present.

Good fit Use it for punch-ins, reframing, Ken Burns effects, transitions, SVG changes, masks, text trails, and diagnosing keyframe problems.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/jxoesneon/ciel/hyperframes-keyframes
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 jxoesneon/Ciel --skill hyperframes-keyframes
Clone the repo
git clone --depth 1 https://github.com/jxoesneon/Ciel

Made for: 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-keyframes

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/jxoesneon/ciel/hyperframes-keyframes"><img src="https://agentmods.dev/badge/skills/jxoesneon/ciel/hyperframes-keyframes.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 116 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,201 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 97% copy Near-identical to another mod 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.00116 $0.03201
Opus 5.5 $0.00046 $0.01280
Sonnet 5.5 $0.00023 $0.00640
Haiku 4.5 $0.00012 $0.00320

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

Security

Grade A, and why

hyperframes-keyframes 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 17d 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.

Origin

This is a copy

97% identical to hyperframes-keyframes — 17 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

skills/hyperframes-keyframes/SKILL.md · 269 lines

How it starts

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

Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin. Standalone installs keep the update instructions below.

HyperFrames Keyframes

Keyframes are a pose contract: visible states, continuous subject identity, seek-safe runtime, verified pixels.

Use hyperframes-animation for broad scene recipes. Use hyperframes-cli for full command docs. Use references/keyframe-patterns.md only when choosing implementation mechanisms, not visual style.

Creator editing boundary

Keyframes own visual motion, not clip assembly. Source-range hard cuts, trim, splice, and reorder belong to /hyperframes-core: author one media element per kept range, place it with data-start and data-duration, and select its source offset with data-media-start. Adjacent ranges make a hard cut. A crossfade uses overlapping clips on different tracks plus visual opacity keyframes; sound fades use /hyperframes-audio.

Creator request Truthful mechanism
Punch-in / punch-out Keyframe scale with x/y or percentage translation on a non-timed visual/crop wrapper inside the clip. Use a set/short tween for a hard punch and a tween for a smooth move.
Smooth multi-state zoom or reframe Keep one subject wrapper alive and author multiple zoom/reframe states as a pose ladder with per-segment easing.
Pan, reframe, or Ken Burns camera move Animate wrapper translation plus scale. Geometry is authored; this is not face tracking or automatic semantic reframing.
Chained camera moves Chain labeled transform beats on one registered seek-safe timeline.
Match cut or whip pan /hyperframes-animation owns the visual handoff; /hyperframes-registry supplies primitives; keyframes preserve authored geometry, direction, and velocity. There is no automatic matching-frame discovery.
Crop and mask reframe Interpolate clip-path or a mask on an inner visual wrapper to crop/reframe without changing source time. Polygon keyframes can form a polygon/mask transition.
Directional wipe cut or iris/reveal cut Animate a mask/clip boundary across overlapping visual clips; /hyperframes-animation owns the handoff choreography.
Split-screen handoff Keep both visual clips placed by core, then keyframe their inner crop/mask wrappers and divider geometry.
Constant source retime /hyperframes-core owns normalized data-playback-rate (0.1..10) for render-safe picture and pitch-preserved sound. It is constant for the whole media element.
Source speed ramps A rate lane in data-automation on the <video>/<audio> (t in clip seconds, v 0.1..10, log interpolation); it wins over the constant rate.
Freeze / hold A visual pose, final source frame, or finished sub-composition can hold. Arbitrary mid-source freeze is not supported; preprocess a still/derived segment, place it as its own clip, then resume with another source range.

Read the full file on GitHub · 269 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 17d ago First seen · 269 lines · 116 tokens per session scan A f758f1dd71cf

Subscribe to this mod's changes

hyperframes-keyframes is a skill published in the GitHub repository jxoesneon/Ciel (1 stars, last pushed 4d ago), licensed Apache-2.0. It adds 116 tokens to every session and 3,201 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 97% identical to hyperframes-keyframes, differing in 17 lines, and is treated as a copy.

Related

Other skills, from other repositories

franchise-brand-enforcer

Franchise consistency is a two-front war: Visuals and Voice. This agent audits local social posts or webpages, using Vision to flag stretched/outdated logos and Text Analysis to rewrite off-brand copy into your Headquarters voice.

akhilkannur/marketing-agent-blueprints · 50 tokens

bio-link-optimizer

Choice paralysis kills sales. This agent audits your current 'Link in Bio' page (if provided) or researches high-converting layouts for your niche to suggest a prioritized structure that drives users toward your primary offer.

akhilkannur/marketing-agent-blueprints · 47 tokens

brand-kit-gen

Instantly create cohesive visual identity starter kits for multiple projects. This agent generates logos, seamless background patterns, and defines color palettes for an entire portfolio of brands.

akhilkannur/marketing-agent-blueprints · 36 tokens

cta-button-optimizer

Generic buttons like 'Submit' kill conversion. This agent rewrites your Call-to-Action (CTA) buttons to be value-driven and suggests color/placement changes for an entire suite of landing pages.

akhilkannur/marketing-agent-blueprints · 45 tokens

ad-visual-reverse-engineer

Why is the competition winning? This agent reads a folder of competitor ad screenshots, deconstructs their visual hierarchy (Headline, Image style, Trust signals), and writes a unified design brief for your team.

akhilkannur/marketing-agent-blueprints · 49 tokens

responsive-layout

Use when you build or change a layout, page, section, navigation, table, form or image - mobile-first rules, breakpoints and the overflow traps.

makifbaysal/tasktrooper · 35 tokens