Skill Claude CodeCodex
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.
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 rules, and quality validation. 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.