用途：frontend-design 技能用于在用户提出构建 Web 组件、页面、应用或界面时，指导生成独特、生产级且具有高设计质量的前端界面，避免常见的通用 AI 审美。
主要能力：在编码前先进行设计思考，明确用途、受众、技术约束与差异化方向，并选定一个大胆且统一的美学方向（如极简、奢华、暗黑、编辑杂志风、粗野主义、复古未来、手工艺、装饰艺术、工业实用等）。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产级、功能可用、响应式、视觉醒目且细节精致。
美学要点：排版上避免 Arial、Inter、Roboto、系统字体等默认选择，选用有性格的字体并拉开字号、字重、大小写与字距层次；配色需立场明确，用 CSS 变量保持一致；动效优先 CSS 方案，React 可用 Motion 库，重视页面加载的编排式揭示与滚动、悬停状态；空间构图鼓励非对称、重叠、破格、大尺度对比与留白或密度控制；背景与细节可运用渐变网格、噪点、几何图案、玻璃拟态、阴影辉光、视差、装饰边框、clip-path、半调/双色调等印刷质感。
使用方式：用户提供前端需求（组件、页面、应用或界面）及可能的用途、受众或技术约束，技能据此先确定概念方向，再实现代码。实现复杂度需与美学愿景匹配：极繁设计需要大量动画与效果，极简设计则需克制、优雅与精确。
适用场景：需要打造有辨识度、令人难忘的 Web 界面时使用，包括组件、页面、应用与界面构建。
限制：资料未提供具体安装命令、收费方式、支持平台或性能指标；技能本身不保证特定效果，最终质量取决于对所选方向的执行。资料明确要求避免过度使用的字体、紫色渐变白底等陈词滥调配色、可预测布局与千篇一律的设计。