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 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

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.

相关技能