Skills
.Work. You
Rest

example-tailwind-animation

Community

Tailwind-powered styling for Helios animations.

Design & Creative#styling#animation#tailwind#web-design#utility-classes#helios
AuthorBintzGavin
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables designers and developers to apply Tailwind CSS utility classes to Helios compositions, enabling rapid, consistent styling and animation without verbose custom CSS.

Core Features & Use Cases

  • Tailwind integration: Apply Tailwind utility classes to Helios components for consistent design tokens.
  • Animation support: Leverage existing Tailwind animations and Helios's autoSyncAnimations to synchronize visuals.
  • Use Case: Build responsive scenes where elements style and animate using Tailwind utilities.

Quick Start

Start styling Helios compositions with Tailwind utility classes, enable autoSyncAnimations on your Helios instance, and apply classes such as w-full, h-full, bg-slate-900, animate-bounce to elements.

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

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.