Hyperframes
Hyperframes is an agent skill (a SKILL.md file) from heygen-com/hyperframes. Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including… It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 58,058 GitHub stars across a repository of 11 listed skills.
github.com/heygen-com/hyperframes/skills/hyperframes (opens in a new tab)
- Multi-skill repo
- Plugin marketplace
- Design & frontend
- Actively maintained
Add this skill
Claude
This repository is a Claude Code plugin marketplace. In Claude Code:
/plugin marketplace add heygen-com/hyperframes
/plugin # browse hyperframes and install the plugin that contains hyperframesIn the Claude apps, zip the hyperframes folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes .agents/skills/hyperframes # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes .cursor/skills/hyperframes # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project.
When it triggers
- user explicitly chooses another framework for the deliverable or asks only to record a browser session.
More skills in heygen-com/hyperframes
11 skills are listed from this repository.
Hyperframes CLIheygen-com/hyperframes
Hyperframes Registryheygen-com/hyperframes
Media Useheygen-com/hyperframes
Hyperframes Animationheygen-com/hyperframes
Hyperframes Creativeheygen-com/hyperframes
Hyperframes Keyframesheygen-com/hyperframes
General Videoheygen-com/hyperframes
Remotion To Hyperframesheygen-com/hyperframes
Motion Graphicsheygen-com/hyperframes
Figmaheygen-com/hyperframes
Similar skills
More design & frontend skills
Brainstorming
obra/superpowers
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.
Design & frontendShellPrototype
mattpocock/skills
Build a throwaway prototype to answer a design question.
Design & frontendShellCodebase Design
mattpocock/skills
Shared vocabulary for designing deep modules.
Design & frontendShellAccessibility
affaan-m/ECC
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…
Design & frontendJavaScriptBackend Patterns
affaan-m/ECC
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
Design & frontendJavaScriptDesign System
affaan-m/ECC
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…
Design & frontendJavaScript
What is the Hyperframes skill?
Hyperframes is an agent skill (a SKILL.md file) from heygen-com/hyperframes. Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including… It works with Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode and has 58,058 GitHub stars across a repository of 11 listed skills. Its SKILL.md lives at github.com/heygen-com/hyperframes/skills/hyperframes.
How do I install the Hyperframes skill?
In Claude Code, run /plugin marketplace add heygen-com/hyperframes, then install its plugin from /plugin. For Codex or Cursor, copy the hyperframes folder into .agents/skills/ or .cursor/skills/.
Is the Hyperframes skill free?
Yes. The repository is open source under the Apache-2.0 license.
Is Hyperframes maintained?
The repository's most recent commit was on Oct 7, 2026. Its latest release is v0.8.139. appsgit only lists skills from repositories with a commit in the last six months.