Credit packs
Credit packs for pay-as-you-go features, with the best value marked.
Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.
Works with
What it does
Pay-per-use apps sell packs, not plans. Each pack row is its own purchase button — tap the price, the price turns into a spinner, the other rows dim until the purchase returns; there is no separate CTA. Larger packs show their saving per unit against the smallest pack ("Save 20%"), badge highlights the popular one with a gradient border, and usageHint translates credits into something people understand ("≈ 110 images"). The header shows the current balance and a floating faceted gem drawn with Canvas. The footer keeps Terms and Privacy but hides Restore Purchases (consumables have nothing to restore). Dark purple theme.
What you get
- ✓407 lines of source code, ready to paste
- ✓Architecture
- ✓Dependencies
- ✓Implementation
- ✓Usage
- ✓Integration Checklist
- ✓Common Customizations
- ✓Known Pitfalls