find-animation-opportunities

Scans a codebase for UI moments that would benefit from motion and proposes exact animation recipes.

Updated Aug 11, 2026
One-click install
npx skills add https://github.com/Debindenny/travelplanner-community- --skill find-animation-opportunities-debindenny
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: find-animation-opportunities
Source: https://github.com/Debindenny/travelplanner-community-/tree/main/travel-planner/.agents/skills/find-animation-opportunities
Command: npx skills add https://github.com/Debindenny/travelplanner-community- --skill find-animation-opportunities-debindenny

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often feel static or jarring because state changes, entrances, and interactions lack motion, yet adding animation everywhere makes products feel sluggish. This Skill sweeps a codebase for the few moments that genuinely benefit from animation and rejects everything else, producing a short, high-conviction list instead of a wishlist. ## Core Features & Use Cases - Opportunity sweep: Hunts known seams such as missing press feedback, teleporting conditional renders, panels with no spatial connection to their trigger, and gesture handlers without spring physics. - Four-question gate: Every candidate must pass frequency, purpose, speed, and function checks, so keyboard-driven or high-frequency interactions are rejected outright. - Precise recipes: Each suggestion includes exact durations, easing curves, transform values, reduced-motion handling, and file:line evidence, plus a required list of rejected candidates. - Use Case: Ask it to review a React app's components before a polish pass; it returns a table of at most 5-7 animation opportunities ordered by leverage, each ready to hand off for implementation. ## Quick Start Ask the agent to find animation opportunities in this codebase and report which UI moments would benefit from motion.

Frequently Asked Questions about find-animation-opportunities

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
When should I use spring physics instead of CSS transitions?▼

Use springs for gesture-driven elements like draggable or swipeable surfaces, with bounce values between 0.1 and 0.3 and velocity-based dismissal. Use CSS transitions rather than keyframes for list enter/exit so rapid triggers retarget smoothly.