Build a product tour coachmark with Tailwind CSS: a tooltip anchored beside a real UI element with the rest of the page dimmed by a backdrop, a step counter (2 of 5), next and skip buttons, and a spotlight cutout around the anchored element. Position the tooltip to flip when it would overflow the viewport, trap focus inside it while open, and close on Escape with the tour resumable later.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。