附加组件

功能开关发布转盘

Feature flag rollout dial

百分比滑块 + 实时分桶网格

实时预览

提示词正文

Build a feature flag rollout dial with Tailwind CSS: a large percentage display with a slider from 0 to 100, a 10×10 grid of user buckets that fills as the percentage rises so the exposure is visible at a glance, and environment toggles (dev / staging / prod) that require an extra confirmation when prod is enabled. Show a projected user count next to the percentage, warn when raising prod rollout above 50% in one step, and provide a rollback button that snaps the slider back to the previous value with an undo toast.

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

怎么用

百分比滑块+10×10 分桶网格直观展示曝光量;环境切换 prod 需确认;大步提升警告;一键回滚。

同类提示词 · 附加组件

© 2026 Genisource Vibe · 提示词详情