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

Inputs

Command Bar

A Cmd+K / Ctrl+K palette for prompts, actions, navigation, and tools without leaving the page. Power users get speed. The main canvas stays quiet.

Interactive demo

Launch notes
⌘K

The launch plan are ready. We should of sent the deck yesturday. Pricing change lands Monday.

Search
Jump to
Actions

Overview

How might we let people search, jump, and run AI actions from one keyboard-first palette without leaving the page?

When to use

  • Apps where Cmd+K already means “find anything” — pages, settings, and now AI actions in one place.
  • Products with many destinations and AI transforms that should stay off the main canvas.
  • Desktop-first workflows where typing beats hunting menus.
  • Surfaces that also expose slash commands in a composer — the bar is global; slash is in-input.

When to skip

  • Mobile-only products where keyboard shortcuts and palettes are awkward.
  • Simple apps with fewer than a handful of actions, where a visible button is clearer.
  • Audiences that never discover shortcut UX and get no on-screen hint.

States

Design open → filter across Search / Jump to / Actions → run → return.

  1. 01

    Closed

    The canvas is calm. A ⌘K hint in the chrome makes search, navigation, and AI actions discoverable.

  2. 02

    Open

    Shortcut or button opens the palette. Focus lands in the query field immediately.

  3. 03

    Filtering

    Typing narrows results across Search, Jump to, and Actions. Groups stay labeled so the job stays clear.

  4. 04

    Highlighting

    Arrow keys or hover move the active row. Enter runs the highlighted item.

  5. 05

    Running

    Search highlights a hit, Jump opens a page, or an AI action rewrites the current doc. The palette closes so the result is visible.

  6. 06

    Done

    Focus returns to the canvas. Status shows what ran; reset or ⌘K again continues the loop.

Key UX elements

Three jobs in one palette — keep them grouped so people know what they are about to do.

Trigger

Bind a global shortcut and show it.

Cmd+K / Ctrl+K plus an on-screen ⌘K control so the feature is not keyboard-only folklore.

Query

Focus search the moment it opens.

One field filters across search hits, destinations, and AI actions.

Results

Group Search, Jump to, and Actions.

Labeled sections beat a flat list. AI rows should say they apply to the current page.

Keyboard

Make Enter, arrows, and Esc first-class.

Power users should never need the mouse. Escape closes without applying.

Scope

Show the outcome on the canvas.

Search highlights, Jump changes the page, Actions rewrite in place — then close the palette.

Discover

Mirror critical commands in visible UI.

Menus or tooltips that show the same actions keep newcomers from depending on shortcuts alone.

Rules

  • Cmd+K with no empty-state hint or first-run tip, so the feature stays invisible.

  • Mixing unrelated navigation, settings, and destructive actions without grouping.

  • No fuzzy search, forcing users to remember exact command names.

  • Command bar and slash menu that diverge in available actions with no shared model.

Evidence

ProductImplementation
CursorCmd+K inline AI edits and command palette for agent and editor actions.
NotionQuick find / AI command surfaces for pages and generation.
Linear / modern SaaSCmd+K navigation and actions, increasingly with AI entries.
VS Code / GitHub CopilotCommand palette and inline AI invoke from the keyboard.

FAQ

What is an AI command bar?

An AI command bar is a keyboard-activated palette (often Cmd+K) for running prompts, tools, and navigation from anywhere in the app without hunting through menus.

How is a command bar different from slash commands?

Slash commands open from inside the composer while typing. A command bar is usually a global overlay from a shortcut, available even when the composer is not focused.

How do I make Cmd+K discoverable?

Show the shortcut in empty states, tooltips, and a first-run tip. Mirror important commands in visible menus so keyboard-only UX is not the only path.