Skills
.Work. You
Rest

example-svelte

Community

Embed Helios into Svelte apps with reactive frames.

Software Engineering#timeline#store#svelte#animation#canvas#reactive#helios
AuthorBintzGavin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helios patterns for Svelte help you integrate Helios timelines and frame updates into Svelte apps, enabling reactive visuals and deterministic animations without boilerplate.

Core Features & Use Cases

  • Svelte Store Integration: Wrap Helios state into Svelte readable stores for reactive UI updates.
  • Component Patterns: Example components and patterns for embedding Helios-driven canvases or visualizations.
  • Use Case: Build a real-time canvas animation in a Svelte app that reacts to frame changes and exposes Helios state for UI cues.

Quick Start

  1. Install and import Helios in your Svelte project.
  2. Create a Helios instance and bind its timeline to a Svelte store.
  3. Bind the store to a canvas or UI element to render frames reactively.

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: example-svelte
Download link: https://github.com/BintzGavin/helios/archive/main.zip#example-svelte

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.