用途：frontend-design 用于指导创建独特、生产级的前端界面，避免千篇一律的“AI slop”审美，并实现真正可运行的代码，注重美学细节与创意选择。用户提供前端需求，例如要构建的组件、页面、应用或界面，也可包含用途、受众或技术约束等背景。
主要能力：在编码前先进行设计思考，明确目的（解决什么问题、谁使用）、基调（如极简、极繁、复古未来、自然、奢华、玩具感、杂志编辑、粗野主义、装饰艺术、柔和粉彩、工业实用等）、约束（框架、性能、可访问性）以及差异化（什么让它令人难忘）。随后实现可运行代码（HTML/CSS/JS、React、Vue 等），要求生产级且功能可用、视觉醒目且令人难忘、具有清晰统一的审美观点、每个细节都经过精心打磨。
美学指南：字体选择要美观、独特、有趣，避免 Arial、Inter 等通用字体，可将特色展示字体与精致正文字体搭配；颜色与主题要统一，使用 CSS 变量，主色加锐利点缀优于平均分布；动效用于效果和微交互，HTML 优先纯 CSS，React 可用时使用 Motion 库，重视高冲击时刻，如一次编排良好的页面加载配合错落揭示；空间构图可采用非对称、重叠、对角线、打破网格、大量留白或受控密度；背景与视觉细节可加入渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等，营造氛围与深度。
限制与注意：不要使用过度使用的字体族（Inter、Roboto、Arial、系统字体）、陈词滥调配色（尤其白底紫色渐变）、可预测布局和组件模式，以及缺乏上下文特色的模板化设计。要创造性诠释，做出真正贴合语境的选择，不同设计应各不相同，在明暗主题、字体和美学之间变化，避免跨代收敛到常见选择（如 Space Grotesk）。实现复杂度需匹配美学愿景：极繁设计需要大量动画和效果的精细代码，极简或精致设计则需要克制、精确，并仔细处理间距、字体和微妙细节。资料未提供具体安装命令、收费或平台信息。