Jonathon's AI Wiki

HyperFrames Skills Catalog & Agent Setup (Antigravity, Copilot CLI)

6 min read

Source: Skills catalog, Google Antigravity, GitHub Copilot CLI — HeyGen HyperFrames docs

The HyperFrames skills catalog is the full set of installable AI-agent skills that teach a coding agent (Claude Code, Cursor, Gemini CLI, Google Antigravity, GitHub Copilot CLI, and others) how to author HyperFrames video compositions. The catalog is organized in three tiers — a router skill (/hyperframes), 10 creation workflows (one per video type), and a set of domain skills (the composition/animation/CLI/media/registry primitives the workflows call) — all installed by one command, npx skills add heygen-com/hyperframes. This article enumerates every skill and documents the two per-agent setups the docs cover in depth beyond Claude Code: Google Antigravity (semantic, no-slash discovery from .agents/skills/, plus a remote-MCP cloud path) and GitHub Copilot CLI (explicit slash commands or keyword detection, with per-command approval).

Key Takeaways

  • One install command, three install modes. npx skills add heygen-com/hyperframes runs an interactive picker; --all installs every skill at once; --skill <name> installs one. Works with Claude Code, Cursor, Gemini CLI, and other AI coding agents.
  • Three-tier catalog. 1 router + 10 creation workflows + the domain skills (the docs label the domain tier “6 total” but then enumerate 7 — see Open Questions). Total skills enumerated on the page: ~18. ^[inferred — the page does not state a single grand total]
  • Router (1): /hyperframes — the entry point; routes a request to the appropriate creation workflow. Read it before invoking any other skill.
  • Creation workflows (10): /product-launch-video (marketing content), /website-to-video (site tours), /faceless-explainer (conceptual content), /pr-to-video (GitHub PRs), /embedded-captions (subtitle addition), /talking-head-recut (graphic overlays), /motion-graphics (short design pieces), /music-to-video (beat-synced content), /slideshow (presentations), /general-video (fallback).
  • Domain skills: /hyperframes-core (core composition), /hyperframes-animation (animation), /hyperframes-creative (creative direction), /hyperframes-media (media handling), /media-use (media resolution), /hyperframes-cli (CLI development), /hyperframes-registry (component registry).
  • Antigravity setup: install with the same npx skills add command — skills land in .agents/skills/ at the workspace root and Antigravity auto-discovers them. Discovery is semantic — no slash command needed (though you can reference a skill by name for precision). Mention “HyperFrames” or “composition” in prompts to help it match.
  • Antigravity cloud alternative: a remote MCP server at https://mcp.heygen.com/mcp/hyperframes (OAuth with a HeyGen account) supports cloud authoring without any CLI install.
  • Copilot CLI prerequisites: a Copilot subscription, the CLI via npm install -g @github/copilot, Node.js 22+, and FFmpeg.
  • Copilot CLI invocation: explicit slash commands (e.g. /hyperframes …, /hyperframes-animation …) or automatic keyword detection (“compositions”, “video rendering”). The agent can run multi-step tasks autonomously but requests approval before executing terminal commands.
  • Always start at /hyperframes. Both the catalog page and the Copilot CLI guide make this the explicit recommendation; the full skill index is at hyperframes.heygen.com/llms.txt.
  • Shared dev loop across agents: npx hyperframes init my-video → npx hyperframes preview (keep running) → iterate conversationally → npx hyperframes render --output output.mp4; run npx hyperframes lint before rendering to catch structural issues.

Skills catalog

TierSlash commandPurpose
Router/hyperframesEntry point — routes a request to the right creation workflow. Read first.
Creation workflow/product-launch-videoMarketing content
Creation workflow/website-to-videoSite tours
Creation workflow/faceless-explainerConceptual content
Creation workflow/pr-to-videoGitHub PRs
Creation workflow/embedded-captionsSubtitle addition
Creation workflow/talking-head-recutGraphic overlays
Creation workflow/motion-graphicsShort design pieces
Creation workflow/music-to-videoBeat-synced content
Creation workflow/slideshowPresentations
Creation workflow/general-videoFallback for any video type
Domain/hyperframes-coreCore composition
Domain/hyperframes-animationAnimation
Domain/hyperframes-creativeCreative direction
Domain/hyperframes-mediaMedia handling
Domain/media-useMedia resolution
Domain/hyperframes-cliCLI development
Domain/hyperframes-registryComponent registry

Install modes:

npx skills add heygen-com/hyperframes              # interactive picker
npx skills add heygen-com/hyperframes --all        # install every skill at once
npx skills add heygen-com/hyperframes --skill <name>   # install a single skill

The full machine-readable skill index lives at https://hyperframes.heygen.com/llms.txt. The catalog works with Claude Code, Cursor, Gemini CLI, and other AI coding agents.

Google Antigravity setup

Install with the same command — skills are placed in .agents/skills/ at the workspace root, where Antigravity discovers them automatically:

npx skills add heygen-com/hyperframes
  • Semantic discovery (no slash command). Antigravity uses semantic matching — it compares your prompt against each skill’s description and loads the relevant ones. Per the docs: “you don’t need to invoke skills with a slash command (though you can reference them by name for precision).”
  • Help it match. Mention “HyperFrames” or “composition” in your prompt so the agent loads the right skills immediately.
  • Project config files. New projects automatically include AGENTS.md (cross-agent conventions) and CLAUDE.md (Claude-specific instructions), giving agents composition context beyond the skill definitions themselves.
  • Video creation loop:
npx hyperframes init my-video      # scaffold a project
npx hyperframes preview            # start the preview server
# describe changes to the agent in natural language; iterate conversationally
npx hyperframes render --output output.mp4
  • Cloud alternative (no CLI install). Antigravity supports remote MCP servers. The HyperFrames MCP server is at https://mcp.heygen.com/mcp/hyperframes and requires OAuth authentication with a HeyGen account — use this for cloud-based authoring without installing the CLI.

GitHub Copilot CLI setup

Prerequisites: a Copilot subscription, the Copilot CLI, Node.js 22+, and FFmpeg.

npm install -g @github/copilot          # install the Copilot CLI
npx skills add heygen-com/hyperframes   # install the HyperFrames skill package
  • Explicit invocation (slash commands):
/hyperframes Create a 10-second product intro with a fade-in title and dark background.
/hyperframes-animation Add a scale-pop animation to the title element.
  • Automatic invocation. Copilot also auto-detects relevant skills from prompt keywords like “compositions” or “video rendering”.
  • Video creation loop. Scaffold with npx hyperframes init my-video, run npx hyperframes preview in one terminal, then use Copilot CLI in another terminal to iterate; render with npx hyperframes render --output output.mp4.
  • Recommendations from the docs:
    • Always start with /hyperframes (the entry-point skill).
    • Keep the preview server running for real-time feedback.
    • Run npx hyperframes lint before rendering to catch structural issues.
    • The agent can operate autonomously on multi-step tasks but requests approval before executing terminal commands.

Try It

  1. Run npx skills add heygen-com/hyperframes --all in a throwaway project to install the whole catalog at once, then confirm /hyperframes and the workflow skills appear in your agent.
  2. In Google Antigravity, scaffold with npx hyperframes init my-video, start npx hyperframes preview, and prompt without a slash command (mention “HyperFrames composition”) to confirm semantic discovery loads the right skills.
  3. In GitHub Copilot CLI, run npx hyperframes lint before your first render and watch the per-command approval prompt fire when the agent tries to run a terminal command.
  4. For a no-install test, point Antigravity at the remote MCP server https://mcp.heygen.com/mcp/hyperframes and authenticate with your HeyGen account.

Open Questions

  • Domain-skill count is internally inconsistent in the source. The skills page prose says “Domain Skills (6 total)” but then enumerates 7 (/hyperframes-core, /hyperframes-animation, /hyperframes-creative, /hyperframes-media, /media-use, /hyperframes-cli, /hyperframes-registry). Likely /media-use (media resolution) and /hyperframes-media (media handling) are treated as one “media” slot in the count. Unconfirmed.
  • Does --skill <name> take the bare skill name or the slashed form (e.g. --skill hyperframes-core vs /hyperframes-core)? The page documents the flag exists but not its exact argument format.
  • Each non-Claude agent’s exact invocation syntax beyond Antigravity (semantic) and Copilot CLI (slash or keyword) is not enumerated on these three pages — Cursor and Gemini CLI specifics live elsewhere in the docs.

Graph View

Backlinks