The prompt

Create a keyboard-shortcut recorder with Tailwind CSS inside a settings card. Show three existing actions in tidy rows, each with its current key combination rendered as kbd caps and a Change button. Clicking Change should replace that row with a focused recording surface that says “Press a key combination”, plus Cancel and Clear actions. Include a compact warning area for reserved browser shortcuts or conflicts with another action, and a footer note explaining that at least one modifier is required. Then add JavaScript that captures keydown events without typing into the page, ignores bare modifier presses, requires Ctrl, Alt, Shift, or Meta for letter and number shortcuts, normalizes modifier order, displays platform-aware Meta labels, detects duplicate bindings, rejects common browser commands such as new tab and reload, supports Escape to cancel, lets Backspace clear a binding, and commits a valid shortcut immediately.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.