用途:当用户希望获得高端机构级、Awwwards 风格、类 Apple 或类 Linear 的精致视觉设计时使用,适合落地页、作品集、SaaS UI、消费产品页或应用界面,要求避免通用字体、生硬阴影、静态布局、默认导航栏和普通 Bootstrap 式网格。
主要能力:以“首席 UI/UX 架构师与动效编排者”角色输出设计;提供反模式清单(禁用 Inter、Roboto、Arial 等字体,禁用粗描边图标、通用 1px 灰边框、生硬投影、贴顶粘性导航、对称三列网格、线性过渡等);提供创意变化引擎,从氛围质感(空灵玻璃、编辑奢华、柔和结构主义)与布局原型(非对称 Bento、Z 轴层叠、编辑分栏)中各选一种组合;强调双层嵌套容器、按钮内嵌图标、宏观留白、自定义 cubic-bezier 动效、滚动入场动画与移动端折叠规则;并给出性能护栏,如只动画 transform 与 opacity、backdrop-blur 仅用于固定或粘性元素、噪声叠加仅用于固定伪元素等。
使用方式:以技能引用方式调用,例如在请求中写 @high-end-visual-design,让其审查界面、指出最高影响的设计问题并给出可实施的改进方案。执行时按静默选择原型、搭建背景与排版、用双层嵌套构建 DOM、注入动效、输出 React/Tailwind/HTML 代码的流程进行。
限制:该技能聚焦视觉设计,不替代品牌策略、转化研究、无障碍验证或生产 QA;高级字体、图标集、图片与动效库需目标项目已具备或有意添加;不宜将奢华动效与重视觉处理用于受限仪表盘、受监管产品或低性能环境。具体收费、价格与平台信息暂未提供。