关于 ux-pricing
ux-pricing 是用于生成定价页面的设计技能，面向产品设计者。它依据定价模式、市场和业务目标确定页面结构，并将可选设计手法作为带有权衡的菜单，同时强调价格透明与伦理边界。
主要功能
- 01根据定价模式和市场建立页面
- 02突出各方案的关键差异
- 03为方案配置明确的行动按钮
- 04说明费用、试用和保障信息
- 05检查暗黑模式与页面杂乱
适用场景
- 01比较订阅、一次性或按量计费方案
- 02为不同方案设计层级与行动按钮
- 03面向全球受众规划本地货币定价
安装
复制下面的命令，在终端中运行。
npx skills add https:/安装后在 Claude Code 中输入/ux-pricing确认已加载。
详细介绍
定价页技能
此技能的行为方式（请先阅读）
这是一项生成式技能，而定价是门槛控制而非应用所有最佳实践的典型案例。经验中提供了许多让定价页脱颖而出的方法——徽章、各套餐专属图形、交互式滑块、魅力定价、锚定效应、社会认同。若一口气全部采用，页面就会设计过度、杂乱无章，在心理上令人不堪重负，反而会损害转化率和信任。因此：
- 明确背景（步骤 0）——定价决策对背景的依赖程度，几乎超过其他任何页面。
- 应用始终适用的核心原则——适用于几乎所有定价页的模式。
- 将取决于背景的决策列为一个选项菜单——逐项说明权衡并给出建议，让用户选出适合的几项。把许多选项堆在一起，正是失败之处。
然后将结果交由审查技能验证，确保页面没有变得杂乱或采用暗黑模式。
范围与组合方式（依据 docs/orchestration-policy.md §9）：此技能负责定价页本身，并组合较低范围的技能，而不是重新推导它们。核心子技能（作为页面的一部分构建）：ux-cards（套餐卡片机制——阴影、内边距、可点击卡片）和 ux-buttons（行动号召按钮）。**下游技能（提供选项，不自动构建）：**点击后的 ux-checkout-payment。**继承，不重新生成：**若已有设计系统，则从其设计令牌中沿用颜色、字体和间距；只有从头设计时才设置这些内容。
步骤 0 — 设计前明确背景
定价方案会因以下因素而显著变化。若不清楚，请先询问；若继续进行，请说明假设。
- 定价模式——订阅、一次性付费、按用量计费、免费增值，还是混合模式？这会影响计费切换选项、免费套餐触发条件，以及“套餐”的定义。
- 市场定位——平价/高性价比还是高端/企业级？这会影响魅力定价与整数定价的选择，以及视觉效果的丰富程度。
- 市场与交易规模——全球市场（购买力平价？）还是单一市场；高客单价/复杂交易（销售协助）还是低客单价自助服务。这会影响套餐数量、实时支持以及“联系销售”选项。
- 业务目标——你最希望大多数用户选择哪个套餐？这会影响强调重点（但须合乎伦理）。
始终适用的核心原则（适用于几乎所有定价页）
套餐表
- 每个套餐只展示能体现差异的关键功能——每个套餐都应以区别于下一级套餐的特点为主。删去冗长的功能矩阵；改为链接至完整对比表。列出 30 行带勾选标记的功能会增加认知负担，拖慢决策。
- 清楚传达套餐差异——在顶部说明每个套餐的独特价值（例如“1 个项目 / 3 个项目 / 不限量”），并在下方列出详细信息。
- 套餐名称应有意义并传达价值——使用“基础网站”/“电商强劲版”，而不是“标准版”/“高级版”。名称应让用户知道哪个套餐是适合自己的。
- 保持易读、简洁——使用简单字体、有限的配色和充足的间距。绝不为了装饰牺牲清晰度。
排序与诚信
- **从左到右按价格由低到高排列。**用户往往会选择最先看到的选项；排序应以真正适合他们的套餐为准，而非最贵的套餐。
- 绝不要颠倒顺序（由贵到便宜）来锚定高价——这是一种损害信任的暗黑模式（参见伦理准则）。
行动号召
- 每个套餐只设置一个主要行动号召按钮，卡片中不要放置相互竞争的操作。
- 标签应具体并体现价值——“获取专业版”“选择团队版”“开始免费试用”，不要使用“立即购买”或“提交”。
- 确保按钮清晰可见且显然可点击，不要与其他元素重叠；长页面应在底部重复展示按钮。
清晰度与信任基线
- 先说明用户能实现的成果/获得的好处，再展示价格——用户能完成什么？
- 通过常见问题解答处理费用疑虑（计费周期、取消、退款、试用条款），以减轻焦虑并减少临近转化时的流失。
- 醒目展示保障、免费试用或“无需信用卡”，不要把它们藏在小字中。
依赖上下文的决策（菜单——选择合适的，不要全部堆上）
逐项说明权衡，并给出与第 0 步相呼应的建议，让用户自行选择。一次性应用所有选项，就是过度设计的典型失败模式。
| 决策 | 适用情况 | 避免 / 调整的情况 | 默认建议 |
|---|---|---|---|
| 定价模式（订阅 / 一次性 / 按用量 / 免费增值 / 混合） | 与价值交付方式匹配（持续交付价值 → 订阅；按消耗交付 → 按用量计费） | 对只提供一次性价值的产品强推订阅 | 根据价值交付模式选择，而不是凭习惯 |
| 套餐数量 | 2–4 个最合适 | 更多会让人难以抉择；产品简单时可以更少 | 从约 3 个开始，但要通过用户测试确定数量，而不是直接默认 |
| 套餐侧重 / “最受欢迎”徽章 | 有明确的最适配或中间档套餐可供引导时 | 完全不突出任何套餐（缺少引导），或给多个套餐加徽章（没有明确指向） | 突出一个套餐——最适配或中间档套餐；通过调研验证 |
| 计费切换（按月 / 按年） | 确实提供这两种选项时 | 不提供按年选项时 | 如果提供按年选项，应明确展示年付节省金额（“节省 20%”“免费送 2 个月”） |
| 尾数定价 vs. 整数定价 | 价值 / 实惠定位采用尾数定价（$9.99）；高端 / 企业定位采用整数定价（$100） | 与品牌档次不匹配时 | 与第 0 步确定的定位保持一致 |
| 价格锚定 | 先展示较高档套餐，以诚实的方式凸显价值时 | 虚构一个划线的“原价” | 只使用真实的锚定价格 |
| 免费增值 / 免费试用 | 免费套餐能展示价值，并在用户实现价值的时刻触发升级（存储空间、席位、功能） | 随意设置时间限制；免费套餐没有付费升级路径 | 将限制与成功时刻关联；始终同时提供付费选项 |
| 捆绑 / 套餐组合 | 组合产品确实能增加价值并简化选择时 | 通过捆绑来掩盖表现不佳项目的成本 | 捆绑是为了简化，而不是掩盖 |
| 国际 / 购买力平价（PPP）定价 | 面向购买力差异很大的全球用户群时 | 只面向单一市场的产品（会增加不必要的复杂度） | 面向全球用户时，按 PPP 调整价格，并显示当地货币 |
| 各套餐的图形 / 插图 | 视觉元素确实能让人一眼看清套餐特点时 | 装饰元素抢了套餐对比的风头时 | 谨慎使用；清晰度优先 |
| 交互元素（席位滑块、用量估算器） | 用户会根据席位数量 / 用量自行选择，且有助于做决定时 | 在简单的 3 档套餐页面上，只为增加“互动”而添加时 | 只有在能帮助用户判断自身适配情况时才使用 |
| 社交证明（定价附近的客户评价 / 标志） | 页面空间充足，且证明材料能回应真实异议时 | 挤占套餐对比空间；藏在常见问题解答下方时 | 表格附近一条聚焦且具体的评价，胜过许多泛泛的评价 |
| 实时聊天 / 电话支持 | 产品复杂或价格较高，买家可能有疑问时 | 简单、低价、可自助购买的产品（使用行内帮助链接） | 支持渠道应与交易复杂度匹配 |
此表是菜单，不是检查清单。一次启用的选项越多，页面就越容易变得令人不知所措、令人感觉受到操纵——而设置这些门槛正是为了防止这种情况。只选择第 0 步的上下文所支持的少数几项。
道德底线（定价页面不可逾越的界限）
暗黑模式最容易集中出现在定价页面。切勿：
- 反向排列套餐（从贵到便宜），以高价作为锚点。
- 伪造锚定价格——划掉从未真实存在过的“原价”。
- 隐藏费用——直到结账时才揭示按席位收费、超额费用或必需的附加项目。
- 制造紧迫感——对无限量的数字产品使用虚假倒计时或“仅剩 2 个”。
- 在降级 / 取消时使用羞辱式确认（“不，谢谢，我不想省钱”）——应使用中性措辞。
这里短期提升转化率，代价是长期信任。ux-dark-patterns-audit 技能会系统地检查这些问题。
验证结果（编排）
交接时请用可安装技能的
name指明各个评审视角。只有在该技能已安装时才调用；如果未安装，本技能的核心内容已包含这些规则，无需因此而停下。
生成或修订后，请将结果交给审查视角，而不要直接宣布完成。这些是候选视角——审查方式由 docs/orchestration-policy.md 规定，或者将整个页面交由 ux-design-review 审查。此处，dark-patterns、heuristics 和 microcopy 属于 A 级（自动运行）；aesthetics 属于 B 级（提供选择，已有设计系统时不启用）。如果用户调用此技能只为处理某一项，请遵守该范围，不要引入其他内容。
ux-dark-patterns-audit（A级）——验证上述伦理护栏（顺序倒置、虚假锚定、隐藏费用、制造紧迫感、羞辱式确认）。ux-heuristics-audit（A级）——检查可用性失效模式：一致性、可识别性（层级差异清晰）、可见性（CTA 状态）。ux-microcopy-audit（A级）——套餐名称、价值文案和 CTA 措辞决定用户选择；含糊的标签（“标准”“高级”）会让用户犹豫。ux-aesthetics-audit（B级——提供选择；已有设计系统时不启用）——此技能尤其需要的过度设计检查：受控元素（徽章、各层级配图、滑块、铺天盖地的社会认同）是否造成杂乱或争抢视觉焦点？推荐套餐是否仍是清晰的视觉焦点？
如果审查指出页面杂乱，应回归主要任务：帮助用户比较套餐并做出选择。撤掉可选元素，直到页面恢复清晰。
常见的应做与不应做模式
| ❌ 不要 | ✅ 应当 |
|---|---|
| 列出每个层级的所有功能 | 展示关键差异点；链接到完整对比 |
| 将套餐命名为“基础版 / 标准版 / 高级版” | 按适用对象命名：“个人 / 团队 / 代理机构” |
| 按价格从高到低排列，以高价锚定 | 按价格从低到高排列，引导用户选择最适合的套餐 |
| 所有套餐都用“立即购买”/“订阅”/同一个 CTA | 每个套餐使用独特且突出价值的 CTA（“选择团队版”） |
| 给多个套餐标注“最受欢迎” | 仅强调一个套餐，并依据第 0 步选择 |
| 堆叠徽章、配图、滑块和铺天盖地的社会认同 | 只选择符合具体情境需求的少数元素 |
| 高端或企业级品牌使用吉祥定价 | 让定价风格与品牌定位相符 |
| 隐瞒年度节省金额或实际费用 | 突出展示节省金额；不设隐藏费用 |
| 倒置顺序、伪造“原价”或制造虚假紧迫感 | 遵守伦理护栏 |
| 未经检查就发布 | 交由启发式审查检查 |