Skills
.Work. You
Rest

helios-player

Community

Embed Helios compositions with playback controls.

Software Engineering#export#player#embed#iframe#helios#web-component#picture-in-picture
AuthorBintzGavin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a ready-to-use web component API for embedding and controlling Helios compositions in web pages, removing boilerplate and enabling a consistent playback experience.

Core Features & Use Cases

  • Web Component Embedding: Use the <helios-player> element to load a composition from a URL and render it inline with controls.
  • Client-side Export & PiP: Enable in-browser exporting of videos and Picture-in-Picture support for enhanced viewing.
  • API & Events: Access attributes, methods, and events to build custom UIs and automation around playback.
  • Use Case: Add a marketing site demo that loads a Helios composition and allows users to play, pause, and export a local video.

Quick Start

Use the Helios player in HTML: <helios-player src="composition.html" width="1280" height="720" controls autoplay></helios-player>

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: helios-player
Download link: https://github.com/BintzGavin/helios/archive/main.zip#helios-player

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.