---
name: "cmdk-fast-command-palette"
description: "Build accessible, keyboard-driven command palettes (Cmd+K) with instant filtering."
metadata:
  author: "Paco Coursey"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "build cmdk command palette"
  - "cmd k modal react"
  - "accessible command menu cmdk"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# cmdk Fast Keyboard-Driven Command Menu Palette

Implements Paco Coursey cmdk: Command.Dialog modal overlay, Command.Input, Command.List with virtualized item groups, custom fuzzy filtering, keyboard navigation (Arrow keys, Enter), and theme styling.

## When to Invoke
Invoke this skill whenever you need to:
- build cmdk command palette
- cmd k modal react
- accessible command menu cmdk

## Execution SOP & Rules
1. Install: pnpm add cmdk.
2. Assemble structure: <Command.Dialog open={open} onOpenChange={setOpen}><Command.Input /><Command.List>...</Command.Dialog>.
3. Listen to global keyboard shortcut: useEffect with keydown listener for (e.key === 'k' && (e.metaKey || e.ctrlKey)).
4. Attach onSelect callbacks to Command.Item to execute navigation or action and close palette.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.