frontend-design 是一个前端设计技能，用于创建独特且达到生产级质量的前端界面，目标是避免千篇一律的“AI 味”审美，并用真实可运行的代码体现对美学细节与创意选择的重视。
适用场景：当用户要求构建 Web 组件、页面、应用或界面时使用。用户需提供前端需求，可包含用途、受众或技术约束等背景信息。
使用方式：在编码前先理解上下文并确定鲜明美学方向，包括用途（解决什么问题、谁使用）、基调（如极简、极繁、复古未来、自然、奢华、趣味、杂志、粗野、装饰艺术、柔和、工业等）、约束（框架、性能、无障碍）以及差异化（什么让界面令人难忘）。选定的概念方向需精准执行，极繁与极简均可，关键在于意图明确。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产级可用、视觉醒目、风格统一、细节精致。
主要能力与设计要点：排版上选择美观、独特、有性格的字体，避免 Arial、Inter 等通用字体，可用特色展示字体搭配精致正文字体；色彩与主题保持统一，用 CSS 变量保证一致，主色鲜明优于平均分布；动效用于效果和微交互，HTML 优先纯 CSS，React 可用 Motion 库，重视如带错落揭示的页面加载等高冲击时刻；空间构成可采用非对称、重叠、对角线、破格元素、留白或受控密度；背景与视觉细节可加入渐变网格、噪点纹理、几何图案、层次透明、戏剧性阴影、装饰边框、自定义光标和颗粒叠加等氛围效果。
限制与要求：不得使用过度常见的字体、俗套配色（尤其白底紫色渐变）、可预测布局和缺乏上下文特征的同质化设计。需根据上下文做出意外且真正被设计过的选择，不同生成之间应变化主题、字体和美学，避免趋同。实现复杂度需匹配美学构想：极繁设计需要大量动画与效果，极简设计需要克制、精准并关注间距、排版与细节。
该技能的收费、价格、平台与具体安装方式，资料中暂未提供。