ux-feedback-patterns

SKILL.md

User feedback mechanisms for communicating state changes, success, errors, and progress. This skill covers visual, auditory, and haptic feedback patterns.

| Micro-animation | 100-200ms | Button press, toggle | | State transition | 200-300ms | Page change, modal | | Toast display | 3-5 seconds | Success message | | Error display | Until dismissed | Validation error | | Loading indicator | Immediate | Any async operation |

User feedback patterns including success/error messages, loading states, confirmations, and progress indicators. Use when implementing notifications, toasts, or status updates. (project) Source: matthewharwood/fantasy-phonics.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-feedback-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw