SuperAPI AI 工具集

emil-design-eng

设计与创作

查看项目

更新于 10-16 03:11

技能介绍

用途:该技能用于指导界面打磨与动画决策,核心是“品味可训练”“不可见细节会累积”“美感是差异化杠杆”等理念,帮助开发者构建让人感觉对的交互界面。

主要能力:提供动画决策框架(是否该动、目的、缓动、时长)、弹簧动画用法、组件构建原则(按钮按压反馈、避免从 scale(0) 进入、popover 原点感知、tooltip 后续跳过延迟)、CSS 过渡与关键帧取舍、blur 掩盖过渡、@starting-style 进入动画、transform 与 clip-path 技巧、手势拖拽的动量与阻尼处理,以及审查 UI 代码时强制使用 | Before | After | Why | 的 markdown 表格。

使用方式:在审查界面代码或编写动画时套用其决策顺序;缓动与时长参考文中给出的自定义 cubic-bezier 与时间区间;审查输出必须为单张 markdown 表格。

适用场景:面向注重交互品质的前端/设计工程工作,适合弹层、提示、按钮、抽屉、手势等常见 UI 细节的打磨。

限制:资料未提供安装命令、平台支持范围、收费方式与效果数据,暂未提供。