Build a hover-to-preview feature list with Tailwind CSS: a vertical list of feature names on the left, and a large preview panel on the right that swaps its content whenever a list row is hovered or focused. Add a subtle scale-and-fade transition between panels, keep the first item active by default, and make rows keyboard-focusable so the swap works without a mouse.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。