---
name: stripe-micro-interactions
description: "Injects precision interaction standards: spring transitions, hover glows calculated via CSS variables, and layout stability."
---

# SKILL: Stripe Fluid Micro-Interactions
## Interaction Physics
1. Transition timing function: use cubic-bezier(0.16, 1, 0.3, 1) for all spring interactions.
2. Only animate composite properties: transform and opacity. Never animate width, height, or margin.
3. Card hover light: track cursor position with CSS variables (--mouse-x, --mouse-y) for radial glow.