Programmatic video creation with web technologies you already know. CSS animations just work.
This repository also configures its own agents. See what helios tells them →
Skill Claude CodeCodex
Core API for Helios video engine. Use when creating compositions, managing timeline state, controlling playback, or subscribing to frame updates. Covers Helios class instantiation, signals, animation helpers, and DOM synchronization.
Skill Claude CodeCodex
Patterns for using Helios with Vanilla Canvas API. Use when building high-performance 2D/3D animations without frameworks.
Skill Claude CodeCodex
Chart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.
Skill Claude CodeCodex
Learn how to use D3.js with Helios for data visualization. Use when creating charts, graphs, or data-driven animations.
Skill Claude CodeCodex
Patterns for using Helios with Framer Motion. Use when you want to use Framer Motion's physics and transitions but need frame-perfect synchronization with Helios.
Skill Claude CodeCodex
Patterns for using Helios with GSAP (GreenSock). Use when integrating GSAP timelines with the Helios timeline for precise scrubbing and rendering.
Skill Claude CodeCodex
Lottie integration patterns for Helios. Use when rendering Lottie (Bodymovin) JSON animations synchronously with Helios.
Skill Claude CodeCodex
Learn how to use P5.js with Helios. Use when creating creative coding sketches or generative art.
Skill Claude CodeCodex
PixiJS integration patterns for Helios. Use when creating high-performance WebGL 2D animations with PixiJS.
Skill Claude CodeCodex
Workflow for creating a podcast visualizer with multi-track audio mixing and DOM-based synchronization. Use when building audio-reactive compositions.
Skill Claude CodeCodex
Patterns for using Helios with React. Use when building compositions in a React environment.
Skill Claude CodeCodex
Learn how to use Helios Signals for high-performance, fine-grained reactivity. Use for complex dependency graphs or when optimizing performance.
Skill Claude CodeCodex
Patterns for using Helios with SolidJS. Use when building compositions in a SolidJS environment, utilizing signals for fine-grained reactivity.
Skill Claude CodeCodex
Patterns for using Helios with Svelte. Use when building compositions in a Svelte environment, utilizing Svelte stores for reactive frame updates.
Skill Claude CodeCodex
Learn how to use Tailwind CSS with Helios. Use for styling compositions and animating with utility classes.
Skill Claude CodeCodex
Patterns for using Helios with Three.js and React Three Fiber. Use when creating 3D animations or integrating WebGL scenes.
Skill Claude CodeCodex
Patterns for using Helios with Vanilla JavaScript/TypeScript. Use when building compositions without a framework, or for simple DOM/Canvas manipulations.
Skill Claude CodeCodex
Patterns for using Helios with Vue. Use when building compositions in a Vue environment.
Skill Claude CodeCodex
Installation and quick start guide for Helios video engine. Use when setting up a new Helios project, installing packages, or creating your first composition. Covers package installation, requirements, basic setup, and initial composition structure.
Skill Claude CodeCodex
End-to-end guided workflow for creating an explainer or walkthrough video. Extracts brand identity from the repo, generates a measured soundtrack, and produces a narrative-driven motion.dev composition rendered via Helios CLI. Use when making how-it-works, feature walkthrough, or educational videos.
Skill Claude CodeCodex
End-to-end guided workflow for creating a product launch or release announcement video. Extracts brand identity from the repo, generates a cinematic soundtrack, and produces a reveal-driven motion.dev composition rendered via Helios CLI. Use when making launch announcements, release videos, or product reveals.
Skill Claude CodeCodex
Motion design framework for programmatic video. Defines anti-slideshow architecture, visual layering, physics-based easing, choreography, timing to music and voice, and checks a script can run. Reference this skill from any guided video skill.
Skill Claude CodeCodex
End-to-end guided workflow for creating a product demo or showcase video. Extracts brand identity from the repo, generates a polished soundtrack, and produces a feature-focused motion.dev composition rendered via Helios CLI. Use when making product demos, feature showcases, or UI walkthroughs.
Skill Claude CodeCodex
End-to-end guided workflow for creating a promotional hype video. Extracts brand identity from the repo, generates beat-synced music, and produces a high-energy motion.dev composition rendered via Helios CLI. Use when making brand-aligned promo or hype videos.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: