interaction-design-patterns

Installation
SKILL.md

Interaction Design Patterns

Acknowledgement: Shared by Peter Bamuhigire, techguypeter.com, +256 784 464178.

Use When

  • Choosing a navigation model — Hub & Spoke vs Flat vs Pyramid, Escape Hatch, Modal Panel, Breadcrumbs, Deep Links, Progress Indicator (sections/02-navigation.md).
  • Structuring a page or screen — Visual Framework, Center Stage, Grid of Equals, Accordion, Collapsible Panels, Titled Sections (sections/03-layout.md).
  • Wiring action flows — Prominent Done Button, Preview, Multi-Level Undo, Cancelability, Hover Tools, Smart Menu Items (sections/04-actions.md).
  • Displaying dense or interactive data — Datatips, Data Spotlight, Dynamic Queries, Small Multiples, Multi-Y Graph (sections/05-data.md).
  • Designing for real human behavior — Safe Exploration, Instant Gratification, Satisficing, Habituation, Spatial Memory, Microbreaks, Streamlined Repetition.
  • Justifying why a pattern fits, or replacing an AI-generic layout with a behavior the user already has muscle memory for.

Do Not Use When

Installs
1
GitHub Stars
4
First Seen
14 days ago