用途：frontend-design 用于在用户要求构建 Web 组件、页面、应用或界面时，指导生成独特、生产级且具设计质量的前端实现，目标之一是避开通用化的“AI 味”审美。
主要能力：技能覆盖从设计思考到代码实现的流程。动手前先理解上下文并确定明确的美学方向，包括用途（解决什么问题、给谁用）、基调（如极简、繁复、复古未来、有机自然、奢华精致、玩趣、杂志编排、野兽派、装饰几何、柔和粉彩、工业实用等）、技术约束（框架、性能、无障碍）以及差异化记忆点。随后实现可运行的 HTML/CSS/JS、React、Vue 等代码，要求生产可用、视觉醒目、风格统一且细节精炼。
审美要点：排版上选择独特、有性格的字体，避免 Arial、Inter 等通用字体，可用特色展示字体搭配精致正文字体；配色与主题使用 CSS 变量保持统一，主色明确、点缀锐利；动效优先纯 CSS，React 可用 Motion 库，重视页面加载的编排式错落揭示与滚动、悬停等高冲击交互；空间构成鼓励不对称、重叠、斜向流动、打破网格，以及充足留白或受控密度；背景与视觉细节可通过渐变网格、噪点纹理、几何图案、分层透明、戏剧化阴影、装饰边框、自定义光标、颗粒叠加等营造氛围。
使用方式与限制：资料未提供具体安装命令、调用步骤、收费或平台信息。技能强调根据美学愿景匹配实现复杂度：繁复设计需要更多动画与效果代码，极简设计则需要克制、精确并关注间距排版与细节。同时要求每次生成保持变化，避免在字体、配色和布局上反复趋同。
适用场景：需要构建具有鲜明设计观点、非模板化外观的 Web 组件、页面或应用时使用。资料未提供其他限制条件。