← Back to library
Design & Frontend

interaction-design

Professional-grade motion and state feedback for interfaces

  • interaction design
  • motion
  • state feedback
Platform
Claude Code / Cursor / Codex etc.
Pricing
Free & open source
Author
wshobson

Install

npx skills add https://github.com/wshobson/agents --skill interaction-design

Overview

The interaction-design skill from the huge wshobson/agents catalogue (★40K): timing, easing curves and state feedback defined to professional interaction guidelines — so agents stop slapping on gratuitous transitions and micro-interactions start carrying real information.

Key features

  • Duration and easing rules grounded in guidelines, not showreels
  • Loading, success and failure feedback patterns included
  • Micro-interactions that prioritise information over decoration
  • Part of a 100+ role-skill repo — install just what you need

Use cases

  • Buttons and transitions that move but feel off
  • Missing loading / empty / error states
  • Raising the overall interaction quality of an app
Best for

Once the visual style is set, this one fixes motion and feedback.

Browse categories