メニュー
Use when designing a SaaS pricing page specifically. Covers 3-tier vs 5-tier, anchoring techniques, the toggle, comparison tables, FAQ inclusion, and how to NOT use 'Contact sales' as a black box.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/x3allamerican/design-skills-fleetsafety --skill saas-pricing-page-best-practicesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when designing 404 pages and the broader empty-state pattern library. Covers tone, illustration, search recovery, and the difference between 'no data yet' and 'this URL doesn't exist'.
Use when designing A/B tests. Covers hypothesis-driven testing, sample-size calculation, the test-design template, and the cultural rituals that make testing productive.
Use when shipping any user-facing UI. Covers the non-negotiable accessibility baseline: contrast, focus states, semantic HTML, keyboard navigation, screen-reader support, motion preferences. The minimum to avoid embarrassment and ADA risk.
SOC 職業分類に基づく
SKILL.md を表示中
| name | saas-pricing-page-best-practices |
| description | Use when designing a SaaS pricing page specifically. Covers 3-tier vs 5-tier, anchoring techniques, the toggle, comparison tables, FAQ inclusion, and how to NOT use 'Contact sales' as a black box. |
The pricing page is the second-most-trafficked marketing page. Buyers in research mode spend serious time here. Make it work.
3 tiers = sweet spot. 4 tiers when you have a clear free + 3 paid. 5+ tiers when audience genuinely segments (Direct + Partner). More than 5 = decision paralysis.
Always highlight one tier. The one you actually want most customers on (usually middle). Different border, slight elevation, different CTA color.
Acceptable for true enterprise (custom contracts, $50K+ ACV). NOT acceptable for sub-$10K ACV — hides pricing from prospects, signals you're either expensive or unsure.
Default to annual. Show savings explicitly. Display monthly equivalent. Smooth animation on price change.
FAQ specific to pricing concerns. Feature comparison matrix. ROI calculator. Customer logos. Final CTA repeated.
All tiers identical visually. Pricing only annual (no monthly). Custom enterprise with no anchor. No comparison context. Price jump cliffs between tiers.
Applied in the X3 Compass build via the relevant pages and components.