Motion sickness

Skill t4sh/dotfiles/agents/skills/motion-sickness

macOS bootstrap dotfiles: Brewfile, declarative symlinks, app prefs, macOS defaults, agent skills, vault secrets, make doctor. Fork-friendly.

Install

npx -y skills add t4sh/dotfiles --skill motion-sickness

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort

SKILL.md

2.8 KB, 641 tokens by cl100k_base, as published. Nobody here has run it

Motion Sickness Prevention

Eliminate vestibular triggers using Disney's principles safely.

Problem Indicators

Users report dizziness or nausea
Disorientation during navigation
Users avoid certain features
Complaints increase with larger screens
Parallax or zoom effects cause issues

Dangerous Patterns

These trigger vestibular responses:

Large-scale zoom animations
Parallax scrolling (especially multi-layer)
Full-screen rotations
Rapid direction changes
Continuous/looping background motion
Scroll-jacking

Diagnosis by Principle

Exaggeration

Issue: Over-dramatic motion Fix: Reduce scale of transforms. Max 10-20% size change. Avoid full-screen zooms.

Arcs

Issue: Curved paths cause tracking strain Fix: Use linear motion for functional UI. Save arcs for small, optional elements only.

Follow Through

Issue: Overshooting creates whiplash effect Fix: Remove bounce/overshoot from navigation. Use critically damped springs or ease-out.

Secondary Action

Issue: Multiple moving elements cause confusion Fix: Limit to one primary motion. Remove parallax layers.

Slow In and Slow Out

Issue: Acceleration patterns cause disorientation Fix: Use consistent, predictable easing. Avoid sudden speed changes.

Quick Fixes

Respect prefers-reduced-motion - Non-negotiable
Remove parallax effects - Common trigger
Avoid zoom transitions - Use fades instead
Keep motion small - Under 100px movement
No scroll-jacking - Let scroll be scroll

Troubleshooting Checklist

Does animation respect prefers-reduced-motion?
Is any element moving more than 100px?
Are there any zoom effects?
Is parallax present? Remove it.
Are there continuous/looping animations?
Can users pause or disable motion?
Test on large display (motion amplified)
Test for 5+ minutes continuously

Safe Alternatives

Triggering	Safe Alternative
Zoom transition	Fade + slight scale (max 5%)
Parallax scroll	Static or single-layer
Rotation	Fade or slide
Bounce/spring	Ease-out (no overshoot)
Full-page slide	Crossfade

Code Pattern

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .parallax {
    transform: none !important;
  }
}

/* Safe default motion */
.safe-transition {
  transition: opacity 200ms ease-out;
  /* Avoid: transform with large values */
}