用途
UX Psychology for Frontend Design 是一个面向前端设计场景的心理学应用技能。它的目标是把心理学原理转化为更有效、更有吸引力的用户界面，适用于设计 UI 组件、改善用户体验、提升转化率等设计任务。
工作流程
该技能给出三步工作流：
- 识别设计目标：确定主要目标，包括转化（定价、注册、结账）、参与度（留存、停留时长、回访）、可用性（任务完成、减少错误）、信任（可信度、安全感）。
- 选择相关概念：根据目标查阅对应参考文件。转化对应 references/cognitive-biases.md（锚定、损失厌恶、框架效应）；参与度对应 references/engagement.md（游戏化、可变奖励、社会认同）；可用性对应 references/behavioral-patterns.md（认知负荷、渐进式披露、默认效应）；视觉吸引力对应 references/visual-design.md（审美-可用性效应、视觉层级）。
- 将概念应用于设计：对每个选中的概念，阅读参考文件中的详细模式，识别可应用的具体 UI 元素，并使用提供的代码示例实现。
主要能力
该技能提供 43 个概念的速查清单，按四类组织：
- 认知偏差：锚定效应、确认偏差、期望偏差、熟悉度偏差、框架效应、光环效应、损失厌恶、沉没成本效应、调查偏差。
- 行为模式：认知负荷、决策疲劳、默认效应、登门槛效应、目标梯度效应、有意摩擦、助推效应、渐进式披露、逆反心理、响应式引导、选择性注意、诱惑捆绑、蔡格尼克效应。
- 视觉设计：审美-可用性效应、横幅盲视、视觉层级、视觉锚点、拟物化、系列位置效应、启动效应。
- 参与度：好奇心缺口、诱饵效应、多赫蒂阈值、共情缺口、禀赋效应、游戏化、霍桑效应、劳动幻觉、峰终定律、皮格马利翁效应、稀缺性、社会认同、用户愉悦、可变奖励。
使用方式
使用者按工作流识别目标后，查阅对应的参考文件，读取具体概念模式，再结合参考文件中的代码示例应用到 UI 元素上。该技能还给出常见设计模式的概念组合示例：
- 定价页：锚定（先展示最高价方案）、诱饵效应（让中间方案显得最划算）、社会认同（“最受欢迎”徽章）、视觉锚点（视觉上突出推荐方案）。
- 注册流程：登门槛效应（先只要求邮箱，稍后再问详细信息）、认知负荷（每屏一个任务）、目标梯度（显示进度条）、默认效应（预选推荐选项）。
- 电商商品页：稀缺性（“仅剩 3 件”）、社会认同（评价与评分）、损失厌恶（“不要错过……”）、审美-可用性（高质量商品图片）。
伦理准则
技能明确列出需要避免的暗黑模式：虚假稀缺声明、隐藏费用、难以取消的流程、操纵性的损失厌恶信息、强制加入。并倡导以用户利益优先、信息透明、尊重用户选择、以信任而非花招为原则的伦理 UX 设计。
限制
资料中未提供收费、价格、平台支持范围、安装命令及具体运行环境等信息，这些内容暂未提供。