The prompt

Design a usage and billing panel with Tailwind CSS. The card header holds a title, a muted line giving the billing period and days remaining, and a dark "Manage plan" button. Below, an estimated-total block on a neutral-50 strip: a large figure with a muted "estimated for August" label on the left and, on the right, a two-line note about when the invoice is issued. Then a list of five metered resources — API requests, seats, storage, exports and webhook deliveries — each row showing the resource name with a small glyph, the used and included figures in monospace on the right, a thin progress track whose fill turns amber above eighty percent and red above one hundred, and an overage line in red beneath any row that exceeds its allowance showing the extra cost. Close with a footer row linking to detailed usage and the pricing page.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.