ui-interactions - Cross-Platform UI Interaction Polish Guidelines
Provides rules for press feedback, haptics, hover, focus rings, disabled/loading states, hit areas, and first-load animation behavior.
Tags
Updated: 2026-09-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply press tap scale feedback
- Trigger mobile haptic feedback
- Style web hover states
- Set focus-visible outline rings
- Manage disabled and loading states
- Expand minimum target hit area
- Skip animations on initial render
Inputs
- UI component code
- Interaction designs and state specifications
Outputs
- Interactive web and mobile UI components
Requirements
- React or React Native framework
- expo-haptics package
- react-native-reanimated package
- Tailwind CSS