用途：这是一个指导 Web UI 设计决策的技能，适用于设计组件、布局、配色方案、字体排版以及打造具有审美感的界面。核心理念是“先思考，不套用记忆；先询问，不擅自假设”，每个像素都有目的，克制即高级，用户心理驱动决策。
主要能力：
- 选择性阅读规则：ux-psychology.md 为必读文件，每次先读；color-system.md、typography-system.md、visual-effects.md、animation-guide.md、motion-graphics.md、decision-trees.md 仅在涉及配色、字体、视觉特效、动效、高级动效、情境模板时按需阅读。
- 运行时脚本：可运行 python scripts/ux_audit.py <project_path> 做 UX 心理学与无障碍审计（直接运行，无需阅读脚本）。
- 内容涵盖约束分析、UX 心理学法则（如希克定律、菲茨定律、米勒定律、冯·雷斯托夫效应、系列位置效应）、布局原则（黄金比例、8 点网格、可读宽度 45-75 字符）、色彩原则（60-30-10 法则与色彩心理学）、字体原则（缩放比例、配对、可读性规则）、视觉特效（玻璃拟态、阴影层级、渐变）、动效原则（时长、缓动、性能）、Wow 因素清单、反模式与决策流程总结。
使用方式：当用户请求较模糊时必须先提问，不要默认使用个人偏好。例如未指定颜色时问“你偏好哪种配色（蓝/绿/橙/中性/其他）？”；未指定风格时问“想要什么风格（极简/大胆/复古/未来/有机）？”；未指定布局时问“布局有偏好吗（单栏/网格/非对称/全宽）？”每个设计任务按约束 → 内容 → 风格方向 → 执行 → 复查的流程处理。设计完成后，按“设计 → 编码 → 用 web-design-guidelines 审计 → 修复”的工作流继续。
适用场景：需要 UI 设计指导、组件与布局设计、配色与字体选择、视觉特效与动效决策、无障碍与 UX 审计的前端设计工作。
限制：资料未提供收费、价格、平台、具体支持框架等细节，暂未提供。需注意避免反模式：千篇一律的 Bento 网格、左右分栏 Hero、网格/极光渐变、玻璃拟态、深青/金融蓝、AI 式文案、暗底霓虹、圆角泛滥等；也应避免隐藏成本、虚假紧迫感、强制操作、欺骗性 UI 等不道德暗黑模式。