Two tiers
Two tiers side by side: switch between Plus and Pro and the perks and prices follow.
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
Apps with two paid levels need to show both without a wall of rows. A segmented pill switches the whole page between tiers: the accent color, the checklist and the plan cards all change (with a matched-geometry slide and a cross-fade), while the selected billing period sticks — yearly on Plus stays yearly on Pro. Plan cards sit side by side with price per period ("$59.99/yr"), a subline ("Just $5.00/mo"), and "SAVE X%" computed within the tier. The CTA says "Get Pro" (or the plan's trial CTA when it has an offer). Header photo on top, dark theme.
What you get
- ✓389 lines of source code, ready to paste
- ✓Architecture
- ✓Dependencies
- ✓Implementation
- ✓Usage
- ✓Integration Checklist
- ✓Common Customizations
- ✓Known Pitfalls