用途：当用户要求构建网页组件、页面、应用等前端界面时，此技能引导生成独特、生产级且具有高设计质量的界面，避免泛化的“AI 感”审美。用户需提供前端需求（组件、页面、应用或界面）及可选的目的、受众或技术约束。
主要能力：先做设计思考，再编写可运行代码。设计思考包括确定用途、选定鲜明的美学方向（如极简、极繁、复古未来、有机自然、奢华精致、编辑杂志风、粗野主义等）、技术约束与差异化记忆点。实现支持 HTML/CSS/JS、React、Vue 等，要求代码生产级且可用、视觉突出、风格统一、细节精致。
审美要点：字体选择独特有趣，避免 Arial、Inter、Roboto、系统字体等通用字体，搭配特色展示字体与精致正文字体；用 CSS 变量保证配色一致，主导色配锐利点缀；动效用于效果与微交互，HTML 优先纯 CSS，React 可用 Motion 库，强调有编排的加载动画（animation-delay）与滚动、悬停状态；空间构图追求不对称、重叠、对角流、破格元素，以及大量留白或受控密度；背景与视觉细节可用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标与颗粒叠加等营造氛围。
使用方式与限制：资料未提供具体安装命令或调用步骤。需注意实现复杂度要与美学愿景匹配，极繁设计需丰富动画与效果，极简设计需克制与精准；避免过用字体、俗套配色（如白底紫色渐变）、可预测布局；不同生成之间应变化主题、字体与美学，不收敛到常见选择。具体框架版本、性能与无障碍标准、平台支持等资料暂未提供。