Build an onboarding stepper with Tailwind CSS: a horizontal row of numbered steps connected by lines, with completed steps filled in the accent color and checked, the current step outlined, and future steps muted. Show the current step's name and a one-line description below the row, let completed steps be clickable to go back, and collapse the stepper to just the current step's number plus a progress fraction on mobile.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。