AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Navigation

Contextual Shortcuts

Surface keyboard or palette actions relevant to the current task, such as design tools in canvas mode versus document tools in text mode. Show changes in the cheatsheet overlay.

Interactive demo

Contextual Shortcuts
Open command palette
Anywhere
⌘K

Overview

How might we design contextual shortcuts so people can trust and act on AI output?

When to use

  • Perfect for productivity tools, power-user applications, and platforms where context-aware shortcuts improve workflow efficiency and discoverability.

When to skip

  • Changing shortcuts mid-task without showing the new map.
  • Mobile products with no hardware keyboard.
  • Contexts where muscle memory needs fixed bindings.

Rules

  • Rebinding keys silently when context switches.

  • Cheatsheet that lists every shortcut with no filter.

  • AI-suggested shortcuts with no confirm before bind.

  • Conflicts with OS shortcuts unmarked.

Evidence

ProductImplementation
VS CodeWhen clauses on keybindings by editor language and view.
FigmaTool-specific shortcuts while editing vs presenting.
NotionSlash menu and shortcuts change by block type.
LinearIssue view shortcuts vs inbox view shortcuts.

FAQ

Show shortcuts how?

Hold modifier to reveal overlay, or context panel listing only active bindings.

Contextual shortcuts vs command history?

Shortcuts are keys for actions. Command history replays past AI commands.

Customization?

Let power users pin favorites across contexts.

AI role?

Rank which shortcuts to promote based on task, not invent new keys silently.