Provide interaction feedback patterns for frontend user interface flows.
npx skills add https://github.com/Fivents/one-id --skill interactive-feedback
Please help me install this Agent Skill. Skill: interactive-feedback Source: https://github.com/Fivents/one-id/tree/main/.claude/skills/interactive-feedback Command: npx skills add https://github.com/Fivents/one-id --skill interactive-feedback
Many user interfaces fail to communicate what is happening after an interaction, leaving users uncertain, frustrated, or unable to recover from errors; this Skill provides patterns to acknowledge input, surface progress, communicate results, and celebrate success so users always know what to expect next.
Apply the interactive-feedback patterns to your check-in flow so inputs show immediate acknowledgment, processing shows progress, and successful verification shows a concise celebratory result.
High-intent search queries and answers about installing and using this skill.
Frontend interaction feedback uses immediate acknowledgment patterns like scale and color shifts within 0–150ms, progress indicators for variable-duration tasks, and result animations to communicate success or error states so users always know what to expect next.
Check-in kiosk feedback applies progress rings, step progress indicators, and camera scanning overlays with face-detected highlights and verification states to clearly communicate scanning activity and identity verification results to the user.
Error state feedback provides result animations paired with recovery actions and accessibility-compliant messaging, using appropriate timing and contrast to ensure users can understand failures and take corrective steps without frustration.
Celebration patterns apply configurable confetti and animated success panels to meaningful achievements, providing satisfying result communication without overwhelming the user through excessive or distracting visual effects.
Multi-step progress feedback uses step progress indicators and immediate acknowledgment for each interaction, ensuring users track their position in variable-duration tasks and receive clear result communication upon flow completion.
Higashi-KotaAudit design system tokens and components for WCAG compliance.
Hey-ViswaApply Tesla design-system patterns to React/Next.js UI components.
B1u3B01tEnforce typography, surface, shadow, and animation standards in frontend UI code.
AbdullahMalik17Standardize agent tool descriptions, contracts, and usage guidance.
