用途:当用户要求构建组件、页面、应用或界面时,该技能引导产出独特、生产级质量的前端界面,并避免常见的“AI 味”审美。它强调先理解上下文,再确立大胆的审美方向,最后用真实可运行的代码实现,注重美学细节与创意选择。
主要能力:围绕目的、基调、约束和差异化进行设计思考。基调可选极简、极繁、复古未来、自然有机、奢华、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等方向,也可自创风格。实现支持 HTML/CSS/JS、React、Vue 等,要求代码可用、视觉突出、风格统一、细节精致。
使用方式:用户提供前端需求,可能包含用途、受众或技术约束。技能按排版、配色与主题、动效、空间构成、背景与视觉细节等维度给出美学指导,如选用独特字体而非 Arial/Inter、用 CSS 变量统一配色、优先 CSS 动效、React 可用 Motion 库、尝试不对称与破格布局、加入渐变网格、噪点、几何图案、层叠透明和戏剧性阴影等。
适用场景:需要打造有辨识度、令人难忘的界面时;极繁与极简皆可,关键是有意图地执行。不同项目应变换字体、明暗主题与组件风格。
限制:资料未提供该技能的安装命令、收费、价格、平台支持或性能与无障碍的具体标准,需以实际项目约束为准。