interaction-design
Guidelines and patterns for creating purposeful motion, transitions, and microinteractions in React and CSS.
Install
npx skills add https://github.com/wshobson/agents --skill interaction-designStats
| Total installs | 4,824 |
| Weekly installs | 4.8K |
| GitHub stars | 32.4K |
| First seen | Jan 20, 2026 |
| Source | @wshobson/agents |
Summary
- Covers timing guidelines (100ms to 500ms+), easing functions, and purposeful motion principles for feedback, orientation, and focus
- Includes patterns for loading states, skeleton screens, progress indicators, toggles, page transitions, ripple effects, and swipe gestures
- Provides CSS keyframe animations and transition examples alongside Framer Motion implementations for React
- Built-in accessibility support with prefers-reduced-motion detection and guidance on performance optimization using transform and opacity
Tags
Related skills
| Skill | Installs | vs interaction-design |
|---|---|---|
| presentation-builder | 4,144 | -680 |
| angular-signals | 4,398 | -426 |
| seo | 4,625 | -199 |
| react-native-design | 5,259 | +435 |
| clerk-nextjs-patterns | 5,682 | +858 |
FAQ
- How many installs does interaction-design have?
- interaction-design has 4,824 total installs and 4.8K installs this week.
- Where is interaction-design hosted?
- interaction-design is published by @wshobson/agents at https://github.com/wshobson/agents.
- How many GitHub stars does interaction-design have?
- interaction-design has 32.4K GitHub stars.
- When was interaction-design first indexed?
- OrangeBot.AI first indexed interaction-design on Jan 20, 2026.
- How do I install interaction-design?
- Run: npx skills add https://github.com/wshobson/agents --skill interaction-design