The prompt

Create a keyboard shortcuts dialog with Tailwind CSS. Use a fixed overlay with a dark backdrop centring a max-w-3xl white card. The header holds a title, a muted line naming the platform detected, a search field and a close cross. The body is a two-column grid of four groups — General, Navigation, Editing and View — each with a small uppercase heading and five rows; every row has the action name on the left and its keys on the right rendered as separate kbd elements with a muted plus between them. The footer shows a hint that the sheet opens with a question mark and a link to full documentation. Then add JavaScript that filters rows live on the search text, hides any group that empties, closes on Escape, on the cross and on a backdrop click, and reopens the dialog when the question mark key is pressed.

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