interaction-patterns
UI interaction design patterns for skeleton loading, infinite scroll with accessibility, progressive disclosure, modal/drawer/inline selection, drag-and-drop with keyboard alternatives, tab overflow handling, and toast notification positioning. Use when implementing loading states, content pagination, disclosure patterns, overlay components, reorderable lists, or notification systems.
- License
- MIT
- Compatibility
- Claude Code 2.1.220+.
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Pre-approved tools experimental
Experimental field. Support varies between clients, so this list is what the author declared, not what your client will enforce.
- Read
- Glob
- Grep
- WebFetch
- WebSearch
Files
- skills/interaction-patterns/SKILL.md
- skills/interaction-patterns/references/interaction-pattern-catalog.md
- skills/interaction-patterns/references/keyboard-interaction-matrix.md
- skills/interaction-patterns/references/loading-states-decision-tree.md
- skills/interaction-patterns/rules/_sections.md
- skills/interaction-patterns/rules/_template.md
- skills/interaction-patterns/rules/interaction-cognitive-load-thresholds.md
- skills/interaction-patterns/rules/interaction-drag-drop.md
- skills/interaction-patterns/rules/interaction-form-ux.md
- skills/interaction-patterns/rules/interaction-infinite-scroll.md
- skills/interaction-patterns/rules/interaction-modal-drawer-inline.md
- skills/interaction-patterns/rules/interaction-persuasion-ethics.md
- skills/interaction-patterns/rules/interaction-progressive-disclosure.md
- skills/interaction-patterns/rules/interaction-skeleton-loading.md
- skills/interaction-patterns/rules/interaction-tabs-overflow.md
- skills/interaction-patterns/rules/interaction-toast-notifications.md
- skills/interaction-patterns/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.