用途:该技能用于指导 AI 生成具有高端代理机构质感的界面设计,目标是产出而非模板化的视觉与动效。它建立在既有 design-foundation 的 6 项纪律与 slop-test 底线之上,只在其上叠加风格,不替换底线。
主要能力:定义可用与禁用的字体、图标、边框阴影、布局与动效模式;提供“创意变异引擎”,从氛围质感原型(如 Ethereal Glass、Editorial Luxury、Soft Structuralism)与布局原型(如非对称 Bento、Z 轴层叠、编辑式分栏)中组合出差异化结果;规定卡片“双包边”嵌套结构、按钮内置图标胶囊、超大留白与 eyebrow 标签;规定使用自定义 cubic-bezier 的动效编排,包括悬浮导航、汉堡菜单变形、错峰遮罩揭示、磁性悬停与滚动入场动画;并给出性能护栏,如只动画 transform 与 opacity、backdrop-blur 仅用于固定或粘性元素、噪点层仅挂在固定伪元素上、严格限制 z-index 用途。
使用方式:触发后按执行协议依次进行静默选择变异组合、搭建背景与排版骨架、用双包边技术构建 DOM、注入动效物理、输出 React/Tailwind/HTML 代码,并在交付前按清单自检。任务完成后需按要求写入 llmwiki/wiki/draft/uiux/ 下的提案草稿并更新索引与日志,命令与路径格式需保持原样。
适用场景:需要高质感、强动效的落地页、品牌页、作品集、SaaS 或 AI 产品界面等前端设计任务。
限制:技能自身强调不得输出通用回退方案;动效不得使用默认线性过渡,不得动画布局属性;移动端须降级为单列堆叠并避免重叠触碰冲突;具体字体与图标可用性、收费标准、实际效果均暂未提供。