Communitygithub.com

Dragoon0x/everything-design-taste

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

everything-design-taste とは?

everything-design-taste is a Claude Code agent skill that pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Dragoon0x/everything-design-taste/tree/HEAD/skills/pricing-page-design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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."

Individual skills in this repo

This repo contains 12 individual skills — each has its own dedicated page.

関連スキル