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 (0.12.x), @tanstack/hotkeys (0.10.x), devtools, React, framework adapter, and test utilities. Code written for core 0.8 or older may rely on pre-0.9 recorder and type behavior.
   • 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, ESM/runtime requirements, logical vs physical bindings, HotkeysProvider, useHotkey, useHotkeys, defaults, options, scoped targets, and registrations, use setup-core.md.
4. For useHotkeySequence, useHotkeySequences, useHotkeyRecorder, useHotkeySequenceRecorder, recorder validation/conflicts, held-key hooks, useHotkeyHint, 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