frontend-design 是一个前端设计类技能，用于在用户要求构建 Web 组件、页面或其他前端界面时，指导产出具有鲜明设计感、可达到生产级质量的前端界面。其核心目标是摆脱常见的“通用 AI 风格”，让界面显得经过精心打磨。
主要能力与执行方向：一是先确立明确的审美方向，例如极简精致、电影感/极繁、怀旧或粗野主义等，避免组件库默认样式；二是排版上不使用默认字体，强调几何无衬线字体与高可读正文字体的搭配，以及强烈的字号层级对比；三是色彩与光影上使用多色标渐变、玻璃拟态与背景模糊、带色偏的分层扩散阴影来营造层次；四是动效与交互上，在 React 中要求使用 Framer Motion，强调列表与网格的错峰入场、按钮按压缩放、输入聚焦发光、卡片悬停抬升，并优先使用弹簧物理而非线性缓动；五是布局上鼓励打破对称、重叠元素、出血图片、非对称文本块与充裕留白。
使用方式：当被要求构建 UI 时，先简要声明所采用的审美方向，再使用 Tailwind CSS 与 Framer Motion 等搭建基础结构与动效，最后补充渐变、模糊、自定义字体与布局动画，交付可 cohesive 运行的作品。
限制与注意：资料将其定位为设计指导型技能，强调避免典型紫色到蓝色线性渐变、居中文本配通用图库照片、默认 HTML 输入与浏览器焦点环、无动画的即时 DOM 渲染、到处 16px 无层级的字体等反面模式。关于具体安装命令、价格与平台支持，资料暂未提供。