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.

skills.sh installs: 542
GitHub stars: 146
last updated: Aug 21, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

Urgency & Action Animation

Create animations that motivate immediate response and communicate time-sensitivity.

Emotional Goal

Urgency creates a compelling need to act now. Action-driving animations capture attention, create momentum, and remove hesitation through dynamic, forward-moving motion.