SuperAPI AI 工具集

high-end-visual-design

设计与创作

查看项目

更新于 10-16 02:31

技能介绍

用途:这是一个 Agent Skill,为 AI 编码代理定义“高端设计工作室”级别的 UI/UX 生成规范,目标是产出具有质感层次、空间节奏与流畅动效的网页界面,而非普通模板。

主要能力:内置“创意变体引擎”,要求在氛围质感(Ethereal Glass、Editorial Luxury、Soft Structuralism)与版式原型(非对称 Bento、Z 轴层叠、编辑式分栏)中各选其一组合,避免重复布局;规定反模式清单,禁用 Inter、Roboto、Arial 等常见字体,禁用粗描边图标、1px 灰边框与深色硬阴影、贴顶粘性导航与对称三栏网格、线性或 ease-in-out 过渡。组件层面要求“双层嵌套”(外层壳体加内层核心,同心圆角、内高光)与“按钮中按钮”的尾随图标结构,并使用大留白与眉标徽章。动效层面要求自定义 cubic-bezier 曲线、交错遮罩揭示、悬停缩放与内部图标位移、进入视口时的模糊上浮。性能上禁止动画 top/left/width/height,仅用 transform 与 opacity;backdrop-blur 仅用于固定或粘性元素;噪点纹理只挂在 fixed 且 pointer-events-none 的伪元素上。

使用方式:作为技能加载后,代理按固定执行流程工作——静默选择变体、搭建背景与排版尺度、用双层嵌套构建 DOM、注入动效、输出 React/Tailwind/HTML 代码,并在交付前按检查清单自检。文件未提供安装命令或调用示例。

适用场景:需要高质感视觉表现的官网、产品落地页、作品集等前端界面生成。

限制:资料未说明支持的模型、平台、收费与价格;未给出具体代码示例与安装命令;样式依赖 Geist、Clash Display 等字体假设可用。