TanStack Hotkeys

Use this skill when work touches TanStack Hotkeys, especially React keyboard shortcuts, command palettes, shortcut settings UIs, scoped shortcuts, Vim-style sequences, or held-key state.

Workflow

1. Inspect the local shortcut stack before changing code:
   • Package versions for @tanstack/react-hotkeys, @tanstack/hotkeys, devtools, React, framework adapter, and test utilities.
   • Shortcut shape: one-off hotkeys, dynamic shortcut lists, element-scoped shortcuts, global defaults, sequences, user-recorded bindings, or shortcut palettes.
   • Interaction constraints: focused inputs, modals, command palettes, native browser shortcuts, app modes, disabled state, and accessibility.
2. Refresh current docs and package evidence when behavior or versions matter. Start from source-map.md.
3. For installation, package names, HotkeysProvider, useHotkey, useHotkeys, defaults, options, and scoped targets, use setup-core.md.
4. For useHotkeySequence, useHotkeySequences, useHotkeyRecorder, useHotkeySequenceRecorder, held-key hooks, and dynamic user shortcuts, use sequences-recording-state.md.
5. For display formatting, shortcut palettes, devtools, SSR notes, accessibility, and testing, use display-production.md.

Implementation Judgment