新用户引导

角色选择卡

Role picker cards

可选中磁贴,定制后续流程

实时预览

提示词正文

Build a role picker with Tailwind CSS: a grid of selectable role cards (developer, designer, manager, …) each with an icon, the role name and a one-line description of what changes if you pick it. Support single selection with an accent border and check on the chosen card, keyboard navigation as a radiogroup, and a short explanation under the grid on how the choice shapes the setup before the continue button.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

角色卡是单选 radiogroup(键盘可操作);选前说明这个选择会改变什么。

同类提示词 · 新用户引导

© 2026 Genisource Vibe · 提示词详情