Skills
.Work. You
Rest

micro-interaction

Community

Polish UX with precise micro-interactions.

Design & Creative#accessibility#focus#animation#ux#micro-interactions#loading-states
AuthorOM-bit-hub
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Micro-interactions codify subtle UX cues to communicate system status, feedback, and intent, making interfaces feel responsive and trustworthy.

Core Features & Use Cases

  • Loading state patterns: skeletons, spinners, and progress indicators that match content layout.
  • Hover and focus feedback: visual cues on interactive elements to guide users.
  • Empty and success/error states: consistent messaging, icons, and CTAs to recover from or complete tasks.
  • Animation timing and transitions: standardized durations, easings, and states for modals, dropdowns, and tabs.
  • Accessibility considerations: respect for prefers-reduced-motion and keyboard focus indicators.

Quick Start

Audit your UI components and implement consistent micro-interactions for loading, hover, focus, and state transitions using your design system tokens.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: micro-interaction
Download link: https://github.com/OM-bit-hub/daily_tracker/archive/main.zip#micro-interaction

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.