What video formats does Hypervideo support?

Input: MP4, WebM, MOV, AVI. Output: WebM (VP9 alpha), APNG, Stacked-Alpha MP4 (H.264), WebP sequence, or ProRes 4444 for Safari.

How does stacked-alpha work?

We split the alpha channel and stack it below the RGB frames in a single H.264 video. Our players use WebGL (web) or Metal (iOS) shaders to composite them in real-time.

Does Hypervideo support green screen removal?

Yes! You can specify a manual chroma key color, or let our AI auto-detect the background color from the video edges.

Hypervideo Skill

The Hypervideo skill gives AI coding assistants built-in knowledge of the Hypervideo platform — SDK setup, transparent video player integration, and background removal workflows. Works with Claude Code and other tools that support skills.

Install

$npx skills add hypersocialinc/hypervideo

What You Get

Once installed, your AI assistant automatically understands Hypervideo when you mention "transparent video", "stacked alpha", "remove background", or "hypervideo". No need to paste docs — the skill provides context directly.

Optional Claude Code Plugin

The skill install provides context for your coding assistant. The repository also includes a separate Claude Code plugin with the commands below and a helper agent. These extras are not installed by the skills command.

Command	What it does
`/setup`	Installs `@hypervideo-dev/sdk`, creates a client, configures your API key
`/add-player`	Adds a stacked-alpha video player component (React, Expo, or Swift)
`/remove-bg`	Removes the background from an image or video via the API

Auto-context

The skill activates automatically when your conversation involves Hypervideo concepts. It provides your AI with knowledge about:

SDK methods and configuration
Output formats (WebP, APNG, Stacked-Alpha, WebM, MOV)
Async job polling patterns
Player component props and setup
API authentication and endpoints

Helper Agent

The separate Claude Code plugin includes a hypervideo-helper agent for deeper debugging — stacked-alpha format issues, WebGL player problems, and API integration questions.

Example Workflow

bash

# Install the skill
npx skills add hypersocialinc/hypervideo

# Then in Claude Code or another compatible assistant, just say:
> "Set up Hypervideo in my Next.js project"
# → Your assistant installs the SDK and configures a client

> "Add a transparent video player for this mascot"
# → Your assistant adds a StackedAlphaVideo component

> "Remove the background from video.mp4 and give me WebP"
# → Your assistant uses the CLI or API and saves the output

What's Inside

bash

plugins/hypervideo/
├── agents/
│   └── hypervideo-helper.md    # Deep debugging agent
├── commands/
│   ├── setup.md                # /setup — SDK installation
│   ├── add-player.md           # /add-player — video player
│   └── remove-bg.md            # /remove-bg — background removal
└── skills/
    └── hypervideo/
        └── SKILL.md           # Context installed by npx skills add

Source

The skill is open source:

github.com/hypersocialinc/hypervideo