Commands That Respect Attention

Command palettes are easy to imitate and hard to make useful. The visual shell is only a small part of the pattern. The value lives in action ranking, predictable recovery, and clear consequences.

#Rank by intent

The first results should match the most likely job, not the most recently added feature. A personal site can use route intent, current page context, and content type as ranking signals.

#Show the next state

Before executing a command, reveal enough context: destination, content type, status, or shortcut. The user should never wonder whether a command opens, copies, filters, or mutates.

const action = {
  label: "Open latest essay",
  target: "/blog/interface-is-a-promise",
  effect: "navigate",
};

#Give power a soft edge

Keyboard-first interfaces do not need to feel harsh. Good focus states, gentle motion, and reversible actions can keep the interaction technical without making it brittle.