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

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.

Commands

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

A hypervideo-helper agent is available for deeper debugging — stacked-alpha format issues, WebGL player problems, and API integration questions.

Example Workflow

# Install the skill
npx skills add hypervideo

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

> "Add a transparent video player for this mascot"
# → Runs /add-player, adds StackedAlphaVideo component

> "Remove the background from video.mp4 and give me WebP"
# → Runs /remove-bg, calls the API, saves output

What's Inside

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.md           # Auto-activating context

Source

The skill is open source:

github.com/hypersocialinc/hypervideo