Monthly / Annual Toggle
Billing switch with a 'save %' badge; prices update live.
THE SKILL
Design a pricing section with a monthly / annual billing toggle at the top and a 'save X%' badge on the annual option, with the displayed prices updating based on the selection. Match my product's existing look: colors, typography, spacing, and overall aesthetic.
How to use this skill
1. Copy the skill above.
2. Paste it into your AI tool — Claude, ChatGPT, Cursor, v0, Lovable, or any builder.
3. Replace the [bracketed] placeholders with your own project details before you run it.