All skills

Pricing page

pricing-page
PaidPaymentsVersion 1.0.0

A pricing page driven by one config, with a script that checks every price, interval and tax mode against your Creem products and audits the rendered page.

Full description

Builds a pricing page whose prices always match what Creem charges. One pricing.json drives the page (monthly/yearly toggle with the real yearly saving, lifetime option, tax note, FAQ, Terms and Refund links), the schema.org JSON-LD, the Creem test products, and two checks - a drift check that compares every price, currency, interval, tax mode and archive status with the Creem product, and an HTML audit of the rendered page that also flags claims you cannot back ("cheapest", scarcity counts, user counts). Ships Next.js App Router files, a zero-dependency core, 10 offline tests and a template check. Use when the user wants a pricing page, plan cards, a monthly/yearly toggle, to change prices, or to check the page against Creem.

A sample Next.js app in Creem test mode: the pricing page, a yearly purchase with a test card, then the drift check catching a price edited on the page only, and the page audit. · Recorded 2026-11-03

  1. 1Monthly/yearly toggle: $9 a month or $90 a year, with the $18 saving computed from the two prices
  2. 2Get Pro opens the Creem test checkout for the yearly product at $90.00, paid with the test card (sped up 2.5x)
  3. 3Drift check: all 3 prices match Creem; after the yearly price is edited to $80 on the page only, it fails with "page $80, Creem $90"
  4. 4Page audit on the running page: 3 plans, 3 prices, Terms and Refunds linked, JSON-LD matches

Previews

What it does

A pricing page driven by one config, with a script that checks every price, interval and tax mode against your Creem products and audits the rendered page.

  • One pricing.json in cents: plans, monthly/yearly/lifetime prices, currency, tax mode, FAQ, Terms and Refund links
  • Drift check compares every price with its Creem product: amount, currency, interval, tax mode, archived status; exit 1 on any mismatch
  • Page audit fetches the rendered HTML: every plan and price present, legal links, JSON-LD equal to the config, warnings for "cheapest", scarcity and user-count claims
  • Next.js files: server-rendered cards with both toggle states in the HTML, the yearly saving computed from real numbers, a checkout route that sends the user id as metadata
  • create_products.mjs makes the Creem products from the same config with an idempotency key, so a re-run does not duplicate them; 10 offline tests plus a render-and-audit template check
Try it with this prompt
Use the pricing-page skill to build my pricing page: Free, Pro at $9 a month or $90 a year, and a $149 lifetime plan, with the prices checked against my Creem test products.

Full instructions are included with purchase

This is a paid skill. Buy it on its own or get every skill with a plan. Buyers download it from this page or their account.

Outline

  1. 01When to use / when not to
  2. 02What you get
  3. 03Steps
  4. 04Rules
  5. 05Done when
  6. 06Troubleshooting

What's inside

22 files: SKILL.md, 6 scripts, 3 references, 11 templates and assets, 1 tests.

pricing-page/
  • SKILL.md7.4 KB
  • assets/(11)24.8 KB
    • lib/(1)10.3 KB
      • pricing-core.mjs10.3 KB
    • nextjs/(10)14.5 KB
      • src/(9)14.3 KB
        • app/(4)6.1 KB
          • api/(1)1.9 KB
            • pricing/(1)1.9 KB
              • checkout/(1)1.9 KB
                • route.ts1.9 KB
          • checkout/(1)783 B
            • success/(1)783 B
              • page.tsx783 B
          • pricing/(2)3.4 KB
            • page.tsx1.2 KB
            • pricing.css2.2 KB
        • components/(1)3.2 KB
          • pricing-table.tsx3.2 KB
        • config/(1)1.7 KB
          • pricing.json1.7 KB
        • lib/(3)3.3 KB
          • current-user.ts602 B
          • pricing-core.d.mts2.0 KB
          • pricing.ts816 B
      • .env.example243 B
  • references/(3)5.5 KB
    • checklist.md1.2 KB
    • copy-rules.md1.9 KB
    • creem-products.md2.5 KB
  • scripts/(7)17.2 KB
    • template-check/(1)2.7 KB
      • pricing.test.tsx2.7 KB
    • _cli.mjs2.1 KB
    • audit_pricing_page.mjs1.3 KB
    • check_creem_prices.mjs1.2 KB
    • check_nextjs_template.sh2.0 KB
    • create_products.mjs2.0 KB
    • selftest.mjs5.8 KB

Questions

What does Pricing page do?

A pricing page driven by one config, with a script that checks every price, interval and tax mode against your Creem products and audits the rendered page.

Which agents does it work with?

Claude Code, Codex, Cursor and any other agent that reads the Agent Skills format (a folder with SKILL.md). Paste the install prompt into your agent, or unzip the folder into its skills directory.

What is in the download?

22 files: SKILL.md, 6 scripts, 3 references, 11 templates and assets, 1 tests.

How much is it?

$6.99 one-time on its own, with 12 months of updates. It is also part of the Get Paid Pack. Yearly and lifetime plans include every paid skill.

Can I get a refund?

A first payment can be refunded in full within 14 days if no paid skill was downloaded. After a download, no refund unless a skill is defective and we can't fix it.

How do updates work?

One-time purchases get 12 months of updates; yearly and lifetime get updates while active. Download again from this page or your account. Current version: 1.0.0.