Build a reserved-capacity planner with Tailwind CSS: a usage input or slider, and a comparison strip showing pay-as-you-go cost versus 1-year and 3-year committed capacity at the same usage, with the saving percentage on each commitment. Add a break-even chart hint and a note on what happens when usage exceeds the reserved amount.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。