SKILL-061 Billing and monetization Locked skill

Pricing page

Define each plan once and reference it by id everywhere — the pricing page, entitlements, and checkout must never disagree about what a tier includes.

01

What this skill helps you build

The page that turns interest into revenue: clear tiers, an honest feature comparison, and a monthly/yearly toggle wired straight to checkout.

The production takeaway

Define each plan once and reference it by id everywhere — the pricing page, entitlements, and checkout must never disagree about what a tier includes.

02

Inside this skill

The full skill expands these implementation areas with decisions, edge cases, prompts, tests, and framework-specific code.

Billing and monetization
What this helps you build

The page where a visitor decides to pay you: a set of plan tiers, a comparison of what each includes, a monthly/yearly billing toggle, and a call to action on each tier that drops

🔒
Billing and monetization
When to use this

Build this the moment you have plans to sell — usually right alongside checkout. You specifically need a real pricing page when: You have more than one paid tier and customers must

🔒
Billing and monetization
The core idea

A pricing page is a view over a single source of truth about your plans , not a place where prices and features are hand typed. Define each plan once — its price ids, its features,

🔒
03

Unlock the full implementation

Paid access includes the complete skill body, implementation prompt, common mistakes, production checklist, and code examples where this skill includes them.