Helios Skills Collection

helios-skills

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.

NeverSight/skills_feed·0installs215stars

SKILL.md

Full skill instructions

Helios Skills Collection

This repository contains agent skills for Helios, a browser-native video engine for programmatic animation and rendering.

Installation

This is a collection repository containing multiple skills. To use these skills, install individual skills by their path:

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

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

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

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

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

Available Skills

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.

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

Repository

View all skills and source code at: https://github.com/BintzGavin/helios-skills

Install skill

Copy and run in your terminal

npx -y skills add https://github.com/NeverSight/skills_feed --skill helios-skills

View on GitHub

data/skills-md/bintzgavin/helios-skills/helios-skills/SKILL.md

ui-ux-design
Create production-grade frontend interfaces with strong UX and visual craft. Use when building web components, pages, dashboards, forms, landing pages, or any UI. Use when user says 'build a form', 'create a dashboard', 'design a component', 'make a landing page', or asks for UI/UX work.
1 installs
presentation-design
Visual design guidance for bold, minimal presentations. Provides layout patterns, typography hierarchy, color specifications, and slide composition rules. Use when asking "how should this slide look?", "design guidance for...", "what layout for this slide?", or when translating content into visua...
1 installs
busirocket-rust-tauri-standards
Strict, reusable standards for Rust/Tauri desktop applications.
1 installs
codex-team
Use when you have 2+ tasks that Codex agents should execute. Runtime-native: Codex sub-agents when available, Codex CLI fallback otherwise. Handles file conflicts via merge/wave strategies. Triggers: "codex team", "spawn codex", "codex agents", "use codex for", "codex fix".
1 installs

More skills from NeverSight

NeverSight/skills_feed

devops-deployer

Comprehensive DevOps and deployment workflow that orchestrates infrastructure automation, CI/CD pipelines, container orchestration, and cloud deployment. Handles everything from infrastructure as code and pipeline setup to monitoring, scaling, and disaster recovery.

215 1

View

NeverSight/skills_feed

avnu

Integrate avnu SDK for Starknet DeFi: token swaps with best-price routing, DCA recurring buys, native staking, gasless transactions via paymaster, and market data. Use when building Starknet trading, DEX aggregation, or DeFi automation features.

215 0

View

NeverSight/skills_feed

post-to-x

发布内容和文章到 X (Twitter)。支持带图片的普通推文和 X Articles（长文）。使用真实的 Chrome 和 CDP 来绕过自动化检测。

215 0

View

NeverSight/skills_feed

ralph-prompt-builder

Master orchestrator for generating Ralph Wiggum-compatible prompts. Analyzes task requirements and routes to appropriate generator (single-task, multi-task, project, or research). Use when you need to create any Ralph loop prompt and want automatic selection of the right generator.

215 0

View

NeverSight/skills_feed

branch-comparison

Use when the user asks to compare branches, analyze git diffs, review changes between branches, update specifications based on code changes, or analyze what changed. Triggers on keywords like "compare branches", "git diff", "what changed", "branch comparison", "code changes", "spec update".

215 0

View

NeverSight/skills_feed

fastapi-development

Build high-performance FastAPI applications with async routes, validation, dependency injection, security, and automatic API documentation. Use when developing modern Python APIs with async support, automatic OpenAPI documentation, and high performance requirements.

215 0

View

NeverSight/skills_feed

zendesk-chat

Enables Claude to manage Zendesk Chat conversations, support tickets, and customer service operations

215 0

View

NeverSight/skills_feed

forge

Mine transcripts for knowledge - decisions, learnings, failures, patterns. Triggers: "forge insights", "mine transcripts", "extract knowledge".

215 0

View

NeverSight/skills_feed

mixpanel

Track product analytics and user behavior with Mixpanel's event-based platform.

215 0

View

NeverSight/skills_feed

ocpp

OCPP protocol reference for EV charging infrastructure development. Covers OCPP 2.0.1 and OCPP 1.6J. Use when working with OCPP messages, charging station code, CSMS/Central System backends, smart charging, transaction handling, or EV charging protocols. Activates on keywords: OCPP, charging stat...

215 0

View

NeverSight/skills_feed

bee-collect

Gather scattered ideas into organized GitHub issues. The bee collects pollen from every flower, checks if the hive already has it, and carefully deposits new work in the comb for later. Never edits code—only organizes the work ahead. Use when creating issues from TODOs or planning work.

215 0

View

NeverSight/skills_feed

vercel-react-native-skills

Comprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.

215 0

View