HyperFrames Skills

Starts from a request for a video built on a website URL, GitHub pull request, Figma file, text brief, existing footage or music track. A router skill runs a short intake that writes a brief, then hands off to a creation workflow such as product launch video, faceless explainer, music-to-video, embedded captions or talking-head overlays. The agent writes HTML with timing attributes and seekable animation, lints and previews it, and renders an MP4 with the HyperFrames CLI; companion skills cover animation, keyframes, audio mixing, media sourcing and a registry of reusable blocks. Video is built from code rather than generated by a video model, and it needs Node.js 22+ and FFmpeg.

• 01From the README

  The install command quoted from the repository README.

  $ npx skills add heygen-com/hyperframesCopy

• 02skills CLI, for Claude Code, Codex and others

  The open skills CLI from Vercel Labs installs a skill from a GitHub repo into the folder each agent expects. It asks which skills and which agents you want, and it installs for the current project unless you add the -g flag, which installs for your user account. Add --list to see what a repo contains before you install anything.

  $ npx skills add https://github.com/heygen-com/hyperframes/tree/main/skillsCopy

• 03Claude Code, skills folder

  Copy the skill's folder, the one that holds SKILL.md, into ~/.claude/skills/ to use it in every project on your machine, or into .claude/skills/ in a repository to use it there and share it by committing it. Claude Code picks up changes to these folders during a session. If the folder did not exist when the session started, run /reload-skills.

• 04Claude Code, plugin marketplace

  Some repos publish a plugin marketplace, a .claude-plugin/marketplace.json file. Add it in Claude Code, then install a plugin from it with /plugin install plugin-name@marketplace-name. Plugins can bundle hooks and MCP servers along with skills, so read the details panel before you confirm.

  $ /plugin marketplace add heygen-com/hyperframesCopy

• 05Codex, skills folder or $skill-installer

  Codex reads skills from .agents/skills in your working folder and its parent folders up to the repository root, and from $HOME/.agents/skills for every repository. Copy the skill's folder into one of them, or run $skill-installer inside Codex and ask it to install from the repo. Codex detects new skills automatically and needs a restart only if one does not appear.

The first command is quoted from the author's README. The others are the standard ways to install a skill from a GitHub repository. They are templates and may not apply here, for example if the repo has no plugin marketplace, so follow the README first.