What is feedback-indicators?
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did. Source: dylantarre/animation-principles.
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.
Quickly install feedback-indicators AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Squash & Stretch: Success checkmarks can scale with overshoot. Compress on draw, expand on complete.
Anticipation: Brief gather before feedback appears. 50ms of preparation before the confirmation.
Staging: Feedback appears at the action location. Button shows checkmark, field shows validation.
Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did. Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill feedback-indicatorsUse when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did. Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill feedback-indicators Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles