Interaction Patterns Components

Purpose

Help an agent choose, critique, and design effective UI interaction patterns and reusable product components.

The skill covers navigation patterns, menus, cards, tables, dashboards, modals, flows, states, and component behavior. It treats visual polish only where it affects interaction clarity, hierarchy, accessibility, or component usability.

When to use this skill

Use this skill when the user asks for any of the following:

• Critique, redesign, or UX review of an app screen, website, product flow, wireframe, component, or frontend implementation.
• Selection of UI patterns such as navigation, menus, breadcrumbs, dashboards, cards, tables, forms, modals, wizards, split panes, tabs, accordions, toolbars, hover tools, lists, grids, or feedback states.
• Design of reusable components or design-system behavior.
• Frontend guidance for interaction behavior, accessibility, responsive behavior, component APIs, or UI state handling.
• Creation of product UX recommendations where the best answer depends on tasks, user skill, device context, data complexity, or risk.

When not to use this skill