Step 1 of 3

What best describes your role?

We will preset your templates, dashboards, and notifications to match.

Skip for now
">

The prompt

Build a role selection step with Tailwind CSS: a centered heading asking what the person does, a subline explaining it tailors the workspace, and a grid of selectable cards implemented as labels wrapping hidden radio inputs. Each card shows an icon tile, a role name, and a one-line description; use peer-checked variants so the chosen card gets a dark border, a ring, and a small check badge in the corner. Under the grid, a skip link on the left and a dark Continue button on the right.

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