# Minimal Motion

> Use whenever creating animations, transitions, hover effects, UI interactions, page motion, microinteractions, or animated interfaces. Creates subtle, restrained, premium motion design and prevents overanimated UI.

- Skill: `bruhxax/minimal-motion` (Agent Skill)
- Install (CLI): `npx skillmds@latest add bruhxax/minimal-motion`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bruhxax/minimal-motion/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: bruhxax (https://skillmd.com/u/bruhxax)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/bruhxax/minimal-motion

---


# Minimal Motion

Motion should support usability, clarity, and feedback, not distract the user.

Avoid excessive movement, constant animations, floating UI effects, exaggerated hover effects, giant animated transitions, distracting animated backgrounds, and unnecessary motion.

Prefer subtle fades, soft transitions, restrained scaling, smooth opacity changes, calm hover feedback, and short transition durations.

Do not make buttons jump, bounce, float, or overscale aggressively.

Avoid animated particles, floating blobs, animated gradients, decorative moving backgrounds, excessive parallax, and constant looping effects unless explicitly requested.

Before finishing, remove unnecessary animations, reduce distracting motion, simplify hover effects, and ensure motion feels calm and premium.