该技能用于在用户要求构建 Web 组件、页面或应用时，指导生成风格鲜明、可直接运行的生产级前端界面，并强调对美学细节的精细把控。
用途：用户提供前端需求（组件、页面、应用或界面）及可能的用途、受众或技术限制，技能据此引导完成设计到实现。
主要能力：编码前先明确设计方向，包括目的、基调（如极简、复古未来、自然、奢华、编辑风、粗野主义、几何装饰、柔和粉彩、工业实用等）、技术约束与差异化记忆点；随后用 HTML/CSS/JS、React、Vue 等实现可运行代码。美学重点涵盖字体（避免 Arial、Inter 等通用字体，采用有特色的展示字体搭配精致正文字体）、色彩与主题（CSS 变量、主色加锐利点缀）、动效（CSS 优先，React 可用 Motion 库，重视页面加载交错揭示与悬停、滚动触发效果）、空间构成（不对称、重叠、斜向、打破网格、留白或受控密度）、背景与细节（渐变网格、噪点、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标等）。
限制与要求：不得使用被滥用的字体、紫色渐变白底等陈词滥调配色和千篇一律的布局；实现复杂度需匹配美学愿景，极简设计讲究克制与精准。资料未提供安装命令、收费方式、平台支持及其他使用步骤。