新用户引导

目标选择(多选 chips)

Goal picker with chips

多选意图,塑造后续设置

实时预览

提示词正文

Build a goal picker with Tailwind CSS: a multi-select chip row (ship faster, cut costs, improve quality, …) where selected chips get an accent fill and a check, a minimum of one selection enforced by the continue button, and a short line under the chips explaining what the selected goals will change in the default setup. Keep chips large enough for touch and wrap them in a comfortable max width.

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

怎么用

目标 chips 多选、至少选一个才能继续;下方说明这些选择会改变什么默认设置。

同类提示词 · 新用户引导

© 2026 Genisource Vibe · 提示词详情