Urgency Action

This gives you animation patterns specifically tuned to make users act now. It's built around Disney principles but adapted for conversion-focused UI: fast timings (100-200ms), aggressive easing curves, attention-grabbing pulses and shakes. You get concrete CSS for countdown ticks, CTA bounces, error shakes, and notification badges. The timing recommendations are opinionated and specific, which is helpful if you're tired of guessing whether your pulse should be 150ms or 500ms. One caveat: the ethics note about fake scarcity is important. These patterns are effective enough that you can easily cross into dark pattern territory if you're not careful about when you deploy them.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill urgency-action --agent claude-code