用途：当用户要求构建Web组件、页面或界面时，该技能引导产出独特、生产级质量的前端界面，避免泛化的“AI slop”审美，并以真实可运行代码落地。
主要能力与流程：先进行设计思考，明确用途、受众、语气、技术约束与差异化记忆点，选定一个明确的极端美学方向（如极简、极繁、复古未来、自然、奢华、编辑杂志、野兽派、装饰几何、工业实用等），再实现可用的HTML/CSS/JS、React、Vue等代码，要求功能完整、视觉难忘、美学统一、细节精致。
美学重点：排版选用美观、独特、有性格的字体，避免Arial、Inter等通用字体，采用特色展示字体与精致正文字体搭配；配色用CSS变量保持统一，以主色加锐利点缀取胜；动效用动画和微交互，HTML优先纯CSS方案，React可用Motion库，重视一次编排好的页面加载交错显现、滚动触发与悬停惊喜；空间构图可用非对称、重叠、对角线、破格网格及留白或受控密度；背景与视觉细节可加渐变网格、噪点、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与纵深。
限制：资料未提供具体分类以外的实现步骤、依赖安装命令、价格或平台信息；仅强调不要使用Inter、Roboto、Arial、系统字体、白底紫色渐变等通用AI审美，也不要在不同生成中趋同于Space Grotesk等常见选择，并应根据美学目标匹配实现复杂度。