用途：frontend-aesthetics 是一套前端视觉设计准则，用于在编写标记或选择字体、颜色、动效之前，先为界面确定一个具体的美学方向，避免产出“看起来像其他所有 AI 生成网站”的通用界面。它只管视觉标准，不管技术正确性，需与 react-19、tailwind-4、nextjs-15 等实现层技能配合使用。
主要能力：技能要求先锁定并明确陈述五项决策，再生成受其约束的代码：一、具体命名美学方向，如 brutalist、editorial、retro-futuristic、solarpunk、luxury、terminal/IDE、playful、Swiss-minimal，“现代简洁”不算方向；二、高对比度的字体搭配；三、以 CSS 变量表达的受限色彩系统，一个主色加锐利点缀色；四、一个编排好的动效焦点，而非零散微交互；五、背景与景深处理，用氛围替代纯色平铺。
使用方式：在开始 UI 任务时先陈述这五项决策，再写代码。字体避免 Inter、Roboto、Arial 和系统字体，跨类别搭配（展示体加等宽体、衬线加几何无衬线），使用极端字重跳跃（100/200 对 800/900）和 3 倍以上字号跳跃。色彩避免白底紫罗兰渐变，主色承担 70% 以上，点缀色少量使用。动效集中在一次页面加载的错落揭示，纯 HTML 用 CSS 的 animation-delay，React 可用 Motion 库。背景用分层径向渐变、几何纹理等制造景深，布局避免完全居中对称。
适用场景：从零开始做 UI、重设计通用感界面，或输出被评价为“像其他 AI 生成站点”时。
限制：该技能仅约束视觉标准，不替代实现层技能；未提供具体安装命令、收费或平台信息。