Skill · Version 1.0.0

Mobile motion and haptics

Uses movement and tactile feedback to explain interaction outcomes while respecting accessibility and device capability.

mobile-motion-haptics

See how it helps

When is it useful?

Use when transitions or vibrations should communicate meaningful progress or completion.

What does it help you do?

Assigns motion a purpose and keeps timing consistent.
Chooses restrained haptics for appropriate interaction events.
Provides reduced-motion and non-haptic alternatives.

Try asking this

Design save confirmation with brief visual feedback and optional haptics that still works with reduced motion. Turn vibration off and enable reduced motion before saving. The user must still receive a clear success or failure signal without depending on either effect.

Detailed documentation

Read the skill’s original instructions, examples and checks in their authored language.

Details…Show less

Motion & Haptic Feedback Design

Use motion and haptics purposefully to orient the user, communicate spatial relationships, and confirm actions without slowing down tasks.

Purposeful Motion

Spatial orientation: Use transitions to show where a screen comes from and where it goes (hierarchical push/pop, modal sheet slide-up/dismiss, shared-element expansion) so users maintain a clear mental map.
Fast & responsive timing: Keep mobile transitions crisp and non-blocking (typically 150–300 ms); never let decorative animation delay user input or block navigation.
State continuity: Use subtle layout transitions and skeleton-to-content crossfades to prevent jarring layout jumps when asynchronous data arrives.

Haptic Feedback

Meaningful tactile cues: Pair light/selection haptics with discrete physical interactions (picker detents, toggles, pull-to-refresh threshold) and distinct notification haptics with important outcomes (success, warning, error).
Avoid haptic noise: Do not attach haptics to every tap or scroll event; overuse dulls their signal.

Accessibility & Fallbacks

Reduced motion support: Specify how transitions behave when prefers-reduced-motion / OS Reduce Motion is enabled (replace large spatial slides, zooms, or looping motion with instant state changes or subtle opacity fades).
Multi-sensory redundancy: Never rely on motion or haptic feedback alone to communicate critical status or errors; always pair them with clear visual and screen-reader-accessible feedback.

Included files 1

SKILL.md