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.

관련 스킬