Build a connect-your-stack onboarding step with Tailwind CSS: a grid of integration tiles (logo, name, one-line purpose) that flip to a connected state with a check and a disconnect link after authorizing, plus a 'skip for now' path and a counter of connected tools in the header. Show a pending state while the OAuth handshake runs, handle failures with a retry on the tile, and let visitors search the tile grid when the list is long.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。