agentsclimarketplace
Sign in

Pricing page design

Skill Dragoon0x/everything-design-taste/skills/pricing-page-design

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.From its SKILL.md

Install
npx -y skills add Dragoon0x/everything-design-taste --skill pricing-page-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.2 KB, 225 tokens by cl100k_base, as published. Nobody here has run it

Pricing Page Design

Pricing Page Principles

  1. 3 tiers is optimal. Free/Starter, Pro, Enterprise. More than 4 creates decision paralysis.
  2. Highlight the recommended tier. Visually distinct (larger card, "Most Popular" badge, brand color border).
  3. Lead with benefits, not features. "Build unlimited projects" not "Unlimited project slots."
  4. Show annual savings. "Save 20% with annual billing" with monthly/annual toggle.
  5. Price anchoring. Show the most expensive plan first (right side) to make the middle feel reasonable.

Feature Comparison

  • Checkmarks for included features. X or dash for excluded.
  • Group features by category.
  • Sticky header with plan names on scroll.
  • Highlight differences between tiers, not similarities.

Enterprise Tier

  • "Contact Sales" instead of a price.
  • List 3-4 key differentiators (SSO, SLA, dedicated support).
  • Don't make it feel inaccessible. Frame as "Custom plan for your team."

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.