Agent skill

Helios Skills

Collection of agent skills for Helios video engine. An agent skill from BintzGavin/helios.

Apache-2.0Auto-check passedData & Analytics

Install Helios Skills

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills .claude/skills/helios-skills && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .claude/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/BintzGavin/helios/tree/main/skills

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills .agents/skills/helios-skills && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .agents/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills .cursor/skills/helios-skills && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .cursor/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/BintzGavin/helios.git --path skills

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills .gemini/skills/helios-skills && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .gemini/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills .github/skills/helios-skills && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .github/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add BintzGavin/helios --skill helios-skills -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install BintzGavin/helios helios-skills --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/BintzGavin/helios.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills .opencode/skills/helios-skills && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "helios-skills" agent skill from https://github.com/BintzGavin/helios/tree/main/skills into .opencode/skills/helios-skills/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "helios-skills", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: helios-skills
GitHub stars: 119
Token cost: ~1.7k tokens
SKILL.md length: 486 words
Files: 33
Skills in repo: 16
Repo updated: Oct 9, 2026
First seen: Oct 7, 2026
Licence: Apache-2.0

At a glance

Collection of agent skills for Helios video engine. An agent skill from BintzGavin/helios.

Working with programmatic video creation
SKILL.md covers Installation, Available Skills, When to Use and Repository
Calls npx
Browser-native animations

What it does

Helios Skills is an agent skill from BintzGavin/helios. Collection of agent skills for Helios video engine. Use when working with programmatic video creation, browser-native animations, or Helios compositions. Install individual skills by path for specific capabilities.

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. The skill folder holds 41 other files (for example `README.md`, `examples/canvas/SKILL.md` and `examples/chartjs/SKILL.md`).

It sits in Data & Analytics. The repository describes itself as: Programmatic video creation with web technologies you already know. CSS animations just work. The licence is Apache-2.0.

When your agent uses it

Working with programmatic video creation
Browser-native animations
Helios compositions

Example prompts

“/helios-skills”

Requirements

Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit 24c0d4b. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Helios Skills loads about 1.7k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 486 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~57
When it runs · the whole SKILL.md, loaded when a task matches: ~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from BintzGavin/helios at commit 24c0d4b, republished under its Apache-2.0 licence (© BintzGavin). 486 words, ~1,721 tokens.

Download SKILL.mdSave it as .claude/skills/helios-skills/SKILL.md (or your agent's skills folder). This skill also uses 32 other files; get the full folder from GitHub.

name: helios-skills
description: Collection of agent skills for Helios video engine. Use when working with programmatic video creation, browser-native animations, or Helios compositions. Install individual skills by path for specific capabilities.

Helios Skills Collection

This catalog contains agent skills for Helios, a browser-native video engine for programmatic animation and rendering. It lives in skills/ of the Helios repository.

Installation

This is a collection of skills. To use them, install individual skills by their path:

bash

# Make a video (the entry skill, also shipped in the Helios agent plugin)
npx skills add BintzGavin/helios/plugins/helios/skills/make-video

# Getting started
npx skills add BintzGavin/helios/skills/getting-started

# Core skills
npx skills add BintzGavin/helios/skills/core
npx skills add BintzGavin/helios/skills/renderer
npx skills add BintzGavin/helios/skills/player
npx skills add BintzGavin/helios/skills/studio

# Workflows
npx skills add BintzGavin/helios/skills/workflows/create-composition
npx skills add BintzGavin/helios/skills/workflows/render-video
npx skills add BintzGavin/helios/skills/workflows/visualize-data

# Design / motion
npx skills add BintzGavin/helios/skills/design/animated-video-philosophy
npx skills add BintzGavin/helios/skills/design/cinematic-product-promo-plan

# Guided video creation
npx skills add BintzGavin/helios/skills/guided/motion-design-rules
npx skills add BintzGavin/helios/skills/guided/promo-video
npx skills add BintzGavin/helios/skills/guided/explainer-video
npx skills add BintzGavin/helios/skills/guided/product-demo
npx skills add BintzGavin/helios/skills/guided/testimonial-video
npx skills add BintzGavin/helios/skills/guided/launch-announcement
npx skills add BintzGavin/helios/skills/guided/social-clip

# Framework examples
npx skills add BintzGavin/helios/skills/examples/react
npx skills add BintzGavin/helios/skills/examples/vue
npx skills add BintzGavin/helios/skills/examples/svelte

# Animation libraries
npx skills add BintzGavin/helios/skills/examples/gsap
npx skills add BintzGavin/helios/skills/examples/framer-motion
npx skills add BintzGavin/helios/skills/examples/threejs

Available Skills

Make a Video

plugins/helios/skills/make-video - The entry point, kept with the Helios agent plugin in plugins/helios/ (one level up from this catalog). One HTML page with window.renderAt(t), rendered to MP4 with npx @helios-project/cli render, checked with stills and contact sheets, with a soundtrack. Start here when asked for a video drawn with code.

Getting Started

skills/getting-started - Installation and quick start guide. Covers package installation, requirements (Node.js, FFmpeg), basic setup, and initial composition structure. Use when setting up a new Helios project.

Core Package Skills

skills/core - Core API for Helios video engine. Covers Helios class instantiation, signals, animation helpers, and DOM synchronization.
skills/renderer - Server-side rendering of Helios compositions to video files.
skills/player - Embeddable video player with composition playback and controls.
skills/studio - Visual editor for Helios compositions.

Workflow Skills

skills/workflows/create-composition - Workflow for creating a new Helios composition.
skills/workflows/render-video - Workflow for rendering compositions to video.
skills/workflows/visualize-data - Workflow for data visualization animations.

Design Skills

skills/design/animated-video-philosophy - Working philosophy for animated video: story-first motion, pacing, shots, timing, composition, medium-specific grammar, technical commitments, and anti-patterns. Use when directing or critiquing motion and programmatic video.
skills/design/cinematic-product-promo-plan - Template plan for a ~45s feeling-first cinematic product promo: brief through ship, hero-element journey, look/motion/audio, deliverables matrix, accessibility. Adapt to any product category.

Guided Video Creation Skills

skills/guided/motion-design-rules - Motion design framework: anti-slideshow architecture, visual layering, physics-based easing, choreography, and quality validation. Referenced by all guided video skills.
skills/guided/promo-video - End-to-end promotional / hype video. High energy, beat-synced, CTA-driven.
skills/guided/explainer-video - Explainer / walkthrough video. Narrative arc, section headers, measured pacing.
skills/guided/product-demo - Product demo / showcase. Feature callouts, UI zoom-ins, progressive reveals.
skills/guided/testimonial-video - Social proof / testimonial video. Quote typography, customer branding, trust signals.
skills/guided/launch-announcement - Product launch / release announcement. Countdown motifs, dramatic reveal.
skills/guided/social-clip - Short-form social clip (Reels/TikTok/Shorts). Vertical 9:16, punchy, loop-friendly.

Show full SKILL.md (159 more words)Show less

Framework Integration Skills

skills/examples/react - React integration patterns
skills/examples/vue - Vue integration patterns
skills/examples/svelte - Svelte integration patterns
skills/examples/solid - Solid.js integration patterns
skills/examples/vanilla - Vanilla JavaScript patterns

Animation Library Skills

skills/examples/gsap - GSAP animation integration
skills/examples/framer-motion - Framer Motion integration
skills/examples/lottie - Lottie animation playback
skills/examples/threejs - Three.js 3D scenes
skills/examples/pixi - PixiJS 2D graphics
skills/examples/p5 - p5.js creative coding

Data Visualization Skills

skills/examples/d3 - D3.js visualizations
skills/examples/chartjs - Chart.js animated charts

Rendering Technique Skills

skills/examples/canvas - Canvas 2D rendering
skills/examples/signals - Reactive signals patterns
skills/examples/tailwind - Tailwind CSS styling
skills/examples/podcast-visualizer - Audio visualization

When to Use

Use these skills when:

Creating programmatic video compositions
Working with browser-native animations (CSS, WAAPI)
Building video rendering pipelines
Integrating Helios with React, Vue, Svelte, or other frameworks
Using animation libraries like GSAP, Framer Motion, or Three.js
Creating data visualizations as video
Setting up Helios development workflows
Applying a consistent philosophy to motion, pacing, and visual storytelling in video
Planning or producing feeling-first cinematic product promos (see design/cinematic-product-promo-plan)

Repository

View all skills at https://github.com/BintzGavin/helios/tree/main/skills and the plugin at https://github.com/BintzGavin/helios/tree/main/plugins/helios

Files

SKILL.md and 32 other files in skills of BintzGavin/helios.

SKILL.md
LICENSE
README.md
design
examples/canvas/SKILL.md
examples/chartjs/SKILL.md
examples/d3/SKILL.md
examples/framer-motion/SKILL.md
examples/gsap/SKILL.md
examples/lottie/SKILL.md
examples/p5/SKILL.md
examples/pixi/SKILL.md
… and 21 more

Open the folder on GitHubat commit 24c0d4b

Compare with similar skills

Helios Skills next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Helios Skills compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Helios Skills this skillBintzGavin/helios	119	—	~1.7k	Automated safety check: Pass	Apache-2.0	2 days ago
MatplotlibzLanqing/codex-claude-academic-skills	4.7k	17 repos	~2.9k	Automated safety check: Pass	MIT	5 mo ago
Exploratory Data Analysisspacering-net/codeg	3.9k	14 repos	~3.6k	Automated safety check: Pass	MIT	today
Scikit LearnzLanqing/codex-claude-academic-skills	4.7k	16 repos	~3.9k	Automated safety check: Pass	BSD-3-Clause	5 mo ago
Chart Visualizationbytedance/deer-flow	84k	1 repos	~840	Automated safety check: Pass	MIT	today
TimesFM Forecastinggoogle-research/timesfm	34k	—	~4.7k	Automated safety check: Pass	Apache-2.0	11 days ago

Similar skills

Matplotlib
zLanqing/codex-claude-academic-skills
Low-level plotting library for full customization. An agent skill from zLanqing/codex-claude-academic-skills.
4.7k GitHub starsUsed in 17 repos~2.9k tokens
Data & AnalyticsAuto-check passed
Exploratory Data Analysis
spacering-net/codeg
Perform comprehensive exploratory data analysis on scientific data files across 200+ file formats.
3.9k GitHub starsUsed in 14 repos~3.6k tokens
Data & AnalyticsAuto-check passed
Scikit Learn
zLanqing/codex-claude-academic-skills
Machine learning in Python with scikit-learn. An agent skill from zLanqing/codex-claude-academic-skills.
4.7k GitHub starsUsed in 16 repos~3.9k tokens
Data & AnalyticsAuto-check passed
Chart Visualization
bytedance/deer-flow
Picks a suitable chart type from 26 options for your data, maps the data to that chart's parameters and generates a chart image through a JavaScript script.
84k GitHub starsUsed in 1 repo~840 tokens
Data & AnalyticsAuto-check passed
TimesFM Forecasting
google-research/timesfm
Forecasts any univariate time series zero-shot with Google's TimesFM model, returning point forecasts and calibrated prediction intervals without training.
34k GitHub stars~4.7k tokensUpdated 11 days ago
Data & AnalyticsAuto-check passed
Sandbox Bench
vercel/next.js
Official
Benchmark React or Next.js changes on Vercel Sandbox VMs with paired A/B statistics: react PR/commit vs base, or Next.js PR/commit vs base, measured end-to-end through the bench/render-pipeline app…
143k GitHub stars~4.1k tokensUpdated today
Data & AnalyticsAuto-check passed

Questions about Helios Skills

What does Helios Skills do?

Collection of agent skills for Helios video engine. An agent skill from BintzGavin/helios. Helios Skills is an agent skill from BintzGavin/helios. Collection of agent skills for Helios video engine.

When should I use Helios Skills?

Helios Skills fits situations like: working with programmatic video creation; browser-native animations; helios compositions.

How do I install Helios Skills in Claude Code?

Run `npx skills add BintzGavin/helios --skill helios-skills -a claude-code`. Or copy the skill folder (skills in BintzGavin/helios) into .claude/skills/helios-skills in your project. Claude Code loads it when a task matches its description.

How do I install Helios Skills in Codex?

Run `npx skills add BintzGavin/helios --skill helios-skills -a codex`. Or copy the skill folder (skills in BintzGavin/helios) into .agents/skills/helios-skills in your project. Codex loads it when a task matches its description.

Can I use Helios Skills in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add BintzGavin/helios --skill helios-skills -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/helios-skills, .gemini/skills/helios-skills, .github/skills/helios-skills and .opencode/skills/helios-skills in your project.

What does Helios Skills need to run?

Going by SKILL.md and its folder, Helios Skills needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Helios Skills access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Helios Skills safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Helios Skills use?

Helios Skills is published under the Apache-2.0 licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Helios Skills use?

About 1.7k tokens (SKILL.md is roughly 6.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Helios Skills?

Skills that share tags, products or a category with Helios Skills: Matplotlib (zLanqing/codex-claude-academic-skills, 4.7k stars), Exploratory Data Analysis (spacering-net/codeg, 3.9k stars), Scikit Learn (zLanqing/codex-claude-academic-skills, 4.7k stars) and Chart Visualization (bytedance/deer-flow, 84k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Helios Skills?

BintzGavin (a GitHub user) maintains it in BintzGavin/helios, which has 119 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 9, 2026.

Source: BintzGavin/helios on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Helios Skills

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Helios Skills Collection

Installation

Available Skills

Make a Video

Getting Started

Core Package Skills

Workflow Skills

Design Skills

Guided Video Creation Skills

Framework Integration Skills

Animation Library Skills

Data Visualization Skills

Rendering Technique Skills

When to Use

Repository

Files

Compare with similar skills

Similar skills

More from BintzGavin/helios

Related

Questions about Helios Skills