LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

animation-best-practices - CSS Animation Best Practices Guide

Reference guide for implementing CSS animations and UI transitions with common patterns

Tags

Updated: 2026-03-22

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • record animations
  • debug animations
  • fix shaky animations
  • scale buttons
  • create tooltips
  • configure popovers
  • set animation speed
  • disable keyboard animations
  • fix hover flicker
  • create hit areas
  • select easing curves
  • apply blur effects

Inputs

  • CSS code
  • HTML elements
  • UI interface

Outputs

  • CSS code
  • animation patterns
  • UI behavior

Requirements

  • CSS support
  • GPU rendering

Source

  • Spec: SKILL.md
CSS
animation
UI
frontend
performance
record animations
debug animations
fix shaky animations
scale buttons
CSS code
HTML elements
UI interface
CSS code
animation patterns
UI behavior