Use when adding motion or feedback — fast, purposeful, interruptible, and reduced-motion aware.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add ainurdev/mystical-assistant --skill micro-interactions --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Micro Interactions?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/ainurdev-micro-interactions)More formats (shields.io, HTML) on the badges page.
---
name: micro-interactions
description: "Use when adding motion or feedback — fast, purposeful, interruptible, and reduced-motion aware."
---
# Micro-interactions
Use when adding motion or feedback — fast, purposeful, interruptible, and reduced-motion aware.
## Checklist
- Every action needs feedback inside 100ms, even if the result is slower.
- Keep transitions in the 150–250ms range; longer reads as sluggish.
- Ease out for entrances, ease in for exits.
- Animate transform and opacity only — anything else costs a layout pass.
- Motion should explain a change of state, never decorate an idle screen.
- Honour prefers-reduced-motion with a cross-fade instead of movement.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
