用途:该技能用于打造高端机构级、Awwwards 风格、类 Apple 或 Linear 的精致界面,适合落地页、作品集、SaaS UI、消费产品页等需要高级景深与动效的界面。
主要能力:以“首席 UI/UX 架构师与动效编排者”角色工作,强调触感深度、电影级空间节奏、细腻微交互与流畅动效;要求每次输出动态组合不同的高级布局原型与质感风格,避免重复。
设计约束:禁用 Inter、Roboto、Arial、Open Sans、Helvetica 等字体;禁用粗描边图标(如标准 Lucide、FontAwesome、Material Icons),建议使用超细线条图标;禁用通用 1px 灰色边框与生硬深色投影;禁用贴顶粘性导航与对称三列 Bootstrap 式网格;禁用线性或 ease-in-out 过渡与无插值的即时状态切换。
风格与布局:质感原型包括 Ethereal Glass(深黑底、径向网格渐变、毛玻璃卡片)、Editorial Luxury(暖奶油色、高对比衬线标题、噪点叠加)、Soft Structuralism(银灰或纯白底、大号 Grotesk 字体、柔和弥散阴影)。布局原型包括非对称 Bento、Z 轴层叠、编辑式分栏等,并规定移动端折叠规则:768px 以下回退为单列、w-full、px-4、py-8,移除旋转与负边距重叠,全高区块使用 min-h-[100dvh] 而非 h-screen。
使用方式:可通过 @high-end-visual-design 调用,例如让其对界面进行审查、指出影响最大的设计问题并给出可实施的改进方案。
限制:该技能聚焦视觉设计,不替代品牌策略、转化研究、无障碍验证或生产 QA;高级字体、图标集、图片与动效库需目标项目已具备或有意添加;不建议将奢华动效与重视觉处理用于受限仪表盘、受监管产品或低性能环境。