The prompt

Create a two-row application header with Tailwind CSS. The top row holds a workspace switcher chip with a small avatar and a chevron, a wide centered search input showing a right-aligned keyboard shortcut hint, a notification bell with a red unread dot, and a user avatar. The second row is a set of underline tabs where the active tab has a dark bottom border and dark text while the others are muted, plus a right-aligned settings link. Separate the rows with a subtle border and let the tab row scroll horizontally on small screens. Then add JavaScript that wires up the two affordances the markup promises: make the ⌘K / Ctrl-K shortcut focus and select the search field (and Escape blur it), showing the correct modifier for the visitor platform in the hint, and move the active underline between tabs on click.

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