用途:frontend-design 是一套面向 Web UI 的设计思维与决策技能,核心理念是“每个像素都有目的、克制即奢华、用户心理驱动决策”,原则是“思考而非记忆、询问而非假设”。
主要能力:以 ux-psychology.md 为必读基础,配合 color-system.md、typography-system.md、visual-effects.md、animation-guide.md、motion-graphics.md、decision-trees.md 等可选模块,覆盖配色、字体搭配、玻璃拟态、阴影层级、渐变、动效时序与缓动、性能、信任构建、情感设计层级、黄金比例、8 点网格、60-30-10 规则、色彩心理学等主题,并列出应避免的懒惰设计与 AI 倾向模式、暗黑模式。
使用方式:按“选择性阅读”规则,始终先读 ux-psychology.md,其余文件仅在相关时读取;可运行审计脚本 python scripts/ux_audit.py <project_path> 做 UX 心理学与无障碍审计。当用户需求含糊时,要求先询问而非套用默认偏好。
适用场景:Web UI 设计决策、配色与排版选择、动效与视觉特效取舍、UX 与无障碍审查。
限制:资料未提供具体安装命令、收费方式、支持平台与效果数据;部分条目仅列出标题,未给出详细内容。