SuperAPI AI 工具集

emil-design-eng

设计与创作

查看项目

更新于 10-16 09:30

技能介绍

用途:这是一个用于指导 UI 打磨与设计工程实践的技能,核心来源于 Emil Kowalski 的设计工程哲学,帮助开发者构建“感觉正确”的界面。它强调品味可以通过训练获得,不可见的细节会叠加成整体质感,美感本身是差异化杠杆。

主要能力:提供动画决策框架(先判断是否该动画、动画目的、缓动选择、时长);区分弹性动画与时长动画的适用场景;给出组件构建原则(按钮按压缩放反馈、避免从 scale(0) 进入、popover 感知触发源、tooltip 跳过重复延迟、优先使用可中断的 CSS transition);讲解 CSS transform、clip-path 动画、手势与拖拽(速度判定、边界阻尼)等技巧。

使用方式:审查 UI 代码时必须使用含 Before、After、Why 三列的 Markdown 表格逐条列出问题。首次被调用且无具体问题时,只回复指定语句。缓动建议使用自定义曲线,如 --ease-out: cubic-bezier(0.23, 1, 0.32, 1);弹性可用 Motion 的 useSpring。命令与代码保持原样。

适用场景:UI 组件与交互动效设计、代码审查、提升界面的响应感与细节质感。

限制:资料中未提供安装方式、收费、平台与其它使用步骤。