hyperframes

hyperframes is a skill for Claude Code, Codex from MilkyWay008/Hermes-OTG. It costs 13 tokens per session (3,484 once invoked), scanned A, a copy of hyperframes, MIT.

A tool that turns animated HTML pages into MP4 or WebM video files. HTML, CSS, and JavaScript define the composition, timing, and visual effects, while FFmpeg creates the final video.

In plain words
What is it for?
Use it for motion graphics, captions, product tours, social-media overlays, audio-reactive visuals, animated transitions, and videos made from website content.
Why use it?
It makes browser-based animations reproducible as standard video files. This is useful when an HTML animation needs to be shared on platforms that do not run the original page.

Skill for Claude CodeCodex

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.

agentmods
npx agentmods add skills/milkyway008/hermes-otg/hyperframes
Any agent
npx skills add MilkyWay008/Hermes-OTG --skill hyperframes
Clone the repo
git clone --depth 1 https://github.com/MilkyWay008/Hermes-OTG

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/milkyway008/hermes-otg/hyperframes.svg)](https://agentmods.dev/skills/milkyway008/hermes-otg/hyperframes)
Your own site
<a href="https://agentmods.dev/skills/milkyway008/hermes-otg/hyperframes"><img src="https://agentmods.dev/badge/skills/milkyway008/hermes-otg/hyperframes.svg" alt="Measured on agentmods" height="20"></a>
Per session 13 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,484 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin 86% 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 $0.00013 $0.03484
Opus 5 $0.00006 $0.01742
Sonnet 5 $0.00003 $0.00697
Haiku 4.5 $0.00001 $0.00348

Measured 5d ago against content hash 30a15dcd101b, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, 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 5d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/setup.sh), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

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

86% identical to hyperframes — 19 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.

data/skills/creative/hyperframes/SKILL.md · 192 lines

How it starts

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

HyperFrames

HTML is the source of truth for video. A composition is an HTML file with data-* attributes for timing, a GSAP timeline for animation, and CSS for appearance. The HyperFrames engine captures the page frame-by-frame and encodes to MP4/WebM with FFmpeg.

Complement to manim-video: Use manim-video for mathematical/geometric explainers (equations, 3B1B-style). Use hyperframes for motion-graphics, talking-head with captions, product tours, social overlays, shader transitions, and anything driven by real video/audio media.

When to Use

  • User asks for a rendered video from text, a script, or a website
  • Animated title cards, lower thirds, or typographic intros
  • Captioned narration video (TTS + captions synced to waveform)
  • Audio-reactive visuals (beat sync, spectrum bars, pulsing glow)
  • Scene-to-scene transitions (crossfade, wipe, shader warp, flash-through-white)
  • Social overlays (Instagram/TikTok/YouTube style)
  • Website-to-video pipeline (capture a URL, produce a promo)
  • Any HTML/CSS/JS animation that must render deterministically to a video file

Do not use this skill for:

  • Pure math/equation animation (→ manim-video)
  • Image generation or memes (→ meme-generation, image models)
  • Live video conferencing or streaming

Quick Reference

npx hyperframes init my-video               # scaffold a project
cd my-video
npx hyperframes lint                        # validate before preview/render
npx hyperframes preview                     # live-reload browser preview (port 3002)
npx hyperframes render --output final.mp4   # render to MP4
npx hyperframes doctor                      # diagnose environment issues

Render flags: --quality draft|standard|high · --fps 24|30|60 · --format mp4|webm · --docker (reproducible) · --strict.

Full CLI reference: references/cli.md.

Setup (one-time)

bash "$(dirname "$(find ~/.hermes/skills -path '*/hyperframes/SKILL.md' 2>/dev/null | head -1)")/scripts/setup.sh"

Read the full file on GitHub · 192 lines

Files

What ships with it

7 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. 5d ago First seen · 192 lines · 13 tokens per session scan A 30a15dcd101b

Subscribe to this mod's changes

hyperframes is a skill published in the GitHub repository MilkyWay008/Hermes-OTG (13 stars, last pushed 21d ago), licensed MIT. It adds 13 tokens to every session and 3,484 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. It is 86% identical to hyperframes, differing in 19 lines, and is treated as a copy.

Related

Other skills, from other repositories

acquiring-disk-image-with-dd-and-dcfldd

Create forensically sound bit-for-bit disk images with dd or dcfldd on a Linux forensic workstation, preserving evidence integrity through hash verification (MD5/SHA) during acquisition. Use when imaging a suspect drive, USB device, or memory card for investigation, preserving volatile disk evidence during incident…

mukul975/Anthropic-Cybersecurity-Skills · 92 tokens

analyzing-linux-kernel-rootkits

Detect kernel-level rootkits in Linux memory dumps using Volatility3 linux plugins (checksyscall, lsmod, hiddenmodules), rkhunter system scanning, and /proc vs /sys discrepancy analysis to identify hooked syscalls, hidden kernel modules, and tampered system structures.

mukul975/Anthropic-Cybersecurity-Skills · 65 tokens

hunt-auth-bypass

Hunting skill for auth bypass vulnerabilities. Built from 12 public bug bounty reports across SAML XSW / parser-differential (GitHub Enterprise CVE-2025-25291/25292), SAML signature stripping (Uber, Rocket.Chat, samlify CVE-2025-47949), SAML domain enforcement bypass via control characters (HackerOne 2024)…

uphiago/recon-skills · 172 tokens

subdomain-enumeration

Map subdomains via crt.sh and subfinder at recon kickoff.

uphiago/recon-skills · 19 tokens

hunt-django

Hunt Django-specific vulnerabilities: DRF permission gaps, ORM injection, and admin exploitation.

uphiago/recon-skills · 22 tokens

tianya-gods-team

天涯神贴大神智囊团 — 20位传奇大神组成的多Agent决策系统。 基于ClawTeam多Agent协作原理,实现「一个目标 → 20位大神并行分析 → 综合决策」的完整工作流。 核心机制: 智能领导者Agent(协调者)接收目标,分配给20位专业大神 20位大神并行分析,各自输出专业视角 综合决策Agent整合所有视角,输出最终决策 使用方式: 「启动天涯智囊团」+ 你的问题/目标 「召集大神」+ 你的问题/目标 「20位大神分析」+ 你的问题/目标 涵盖领域:权谋分析、经济预言、历史解读、文化解构、都市情感、技术分析、 黑帮江湖、盗墓探险、玄幻武侠、都市异能、悬疑推理、法医刑侦、历史穿越等。.

momozi1996/awesome-ai-persona-skills · 230 tokens