HyperFrames

by NousResearch

HyperFrames is an Automation skill for Claude Code, published by NousResearch in hermes-agent.

229.7K stars45.3K forkson NousResearch/hermes-agentAdded 2026/08/13Repository updated 2026/08/13

View source on GitHub Download repo ZIP

aiai-agentai-agentsanthropicchatgptclaudeclaude-codecodexhermeshermes-agentllmnous-researchopenai

Install in seconds

Install HyperFrames

Copy HyperFrames into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/NousResearch/hermes-agent/tree/main/optional-skills/creative/hyperframes ~/.claude/skills/hyperframes

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/NousResearch/hermes-agent.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: optional-skills/creative/hyperframes/SKILL.md in NousResearch/hermes-agent
Installs to: ~/.claude/skills/hyperframes
Collection: One of 24 skills cataloged from this repository
Category: Automation — 1523 skills

What HyperFrames does

HyperFrames renders MP4/WebM videos from HTML compositions. Use it for motion graphics, captioned narration videos, audio-reactive visuals, social overlays, and website-to-video promos driven by HTML/CSS/JS animations.

HyperFrames is cataloged under Automation on DirSkills. HyperFrames comes from a repository tagged ai, ai-agent, ai-agents, anthropic and chatgpt.

Documentation

README

Excerpt

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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about HyperFrames

What else does NousResearch publish alongside HyperFrames?
HyperFrames is one of 24 skills that DirSkills catalogs from NousResearch/hermes-agent, the repository it ships in. Its siblings there include 1-3-1 Communication Rule, Antigravity CLI and Article Illustrator. Each one is a separate skill with its own page in this directory, installs the same way HyperFrames does, and is maintained by NousResearch in that same repository. The rest of the collection is listed on the NousResearch/hermes-agent page.
How does HyperFrames compare to other Automation skills?
HyperFrames ranks #6 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of HyperFrames against them. Open each page to compare what they document and how they install.