interaction-router

What problem does it solve?

It helps you design correct, safe, and user-friendly interactions by routing your question to the precise interaction-and-control principle for affordances, feedback, errors, and recovery.

Core Features & Use Cases

• Principle-based routing: Choose the right focus area for design work spanning buttons, forms, validation, error and loading states, drag-and-drop, undo/confirmations, keyboard handling, and target sizing.
• Framework-agnostic guidance: Works across web, mobile, desktop, voice, and physical product interfaces.
• Practical heuristic ordering: Recommends which principles to read first based on what you are designing (e.g., CTAs, forms, destructive actions, modal vs. non-modal).

Quick Start

Use the interaction-router skill when your design task mentions affordances, feedback, validation, mistakes, confirmations, keyboard shortcuts, target sizes, or choosing between a popover and a dialog, and ask it to route you to the relevant interaction principle within this plugin.