用途：这是一个前端设计技能，用于在构建网页组件、页面、应用或界面时，指导生成独特、生产级且具有高设计质量的前端界面，避免通用的“AI 味”美学。
主要能力：先做设计思考，明确用途（界面解决什么问题、用户是谁）、语气风格（极简、繁复、复古未来、自然、奢华、编辑杂志、粗野主义、几何装饰、柔和、工业等）、技术约束（框架、性能、可访问性）以及差异化记忆点。然后实现可运行代码（如 HTML/CSS/JS、React、Vue 等），要求功能完整、视觉突出、风格统一、细节精致。
美学要点：字体上避免 Arial、Inter 等通用字体，选择独特且有性格的字体，并搭配展示字体与正文字体；色彩与主题上使用 CSS 变量保持一致，主色搭配鲜明强调色；动效上优先使用 CSS 方案，React 可用 Motion 库，强调页面加载时的编排式揭示和滚动、悬停等惊喜交互；空间构图上可尝试不对称、重叠、对角流、打破网格、留白或受控密集；背景与视觉细节上可加入渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、装饰边框、自定义光标和颗粒叠加等。避免使用 Inter、Roboto、Arial、系统字体、紫渐变白底等陈词滥调，也应避免跨次生成收敛到相同选择。
使用方式：用户提供前端需求（组件、页面、应用或界面），可能附带用途、受众或技术约束。技能据此先确定清晰概念方向，再实现代码或界面。
适用场景：网页组件、页面、应用或界面的前端设计与实现。
限制：资料未说明具体收费、价格、平台、效果保证或安装命令；实现复杂度需与美学目标匹配，繁复设计需要更复杂的代码与动效，简约设计则需要克制与精确。