Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Flip In Y — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
.claude/skills/nexu-io-anim-flipiny/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-06 | ✗→✓ | ▲ Improved | -54% | 0% |
| case-09 | ✗→✓ | ▲ Improved | -45% | 0% |
| case-15 | ✗→✓ | ▲ Improved | -65% | 0% |
| case-17 | ✗→✓ | ▲ Improved | -68% | 0% |
| case-20 | ✗→✓ | ▲ Improved | -22% | 0% |
Flip In Y — CSS keyframe animation from Animate.css (Hippocratic License 2.1, © Daniel Eden). Part of motion-anything.
flipInY.css. 2. Add class flipInY to the element + set animation-duration.prefers-reduced-motion: disabled. Attribute Animate.css (Hippocratic-2.1).Other measured skills in the registry, with their headline benchmark lift.