Skills
.Work. You
Rest

animation-creator

Community

Create performant, accessible CSS animations.

Design & Creative#performance#animations#transitions#motion#keyframes
Authorandronics
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps you design performant, accessible CSS animations and transitions that respect user motion preferences and avoid layout thrash, delivering delightful micro-interactions.

Core Features & Use Cases

  • Transitions & keyframes: craft hover/focus animations and entrance motions.
  • Performance & accessibility: use compositor-only properties and honor prefers-reduced-motion.
  • Examples: fade/slide, spinners, and button micro-interactions.

Quick Start

Animate a button hover: "Create a subtle hover lift and shadow on .cta button."

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: animation-creator
Download link: https://github.com/andronics/claude-plugin-css-pro/archive/main.zip#animation-creator

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.