用途:该技能把 Emil Kowalski 的界面设计工程哲学编码为可调用的设计指导,用于构建和审查 UI,让交互细节经累积后显得自然、精致。上游源为 GitHub 仓库 emilkowalski/skill 及其中 skills/emil-design-eng/SKILL.md 文件。
主要能力:提供动画决策框架(是否应动画、目的、缓动与时长),给出自定义缓动曲线(如 ease-out cubic-bezier(0.23, 1, 0.32, 1)、drawer 曲线)、弹簧动画配置(Apple 式 duration/bounce 或物理参数)、组件构建原则(按钮按下缩放、避免从 scale(0) 进入、popover 的原点感知、tooltip 后续悬停跳过延迟、用 CSS transition 而非 keyframes、blur 掩盖不完美过渡、@starting-style 处理进入状态)、CSS transform 技巧(百分比 translateY、scale 缩放子元素、3D 变换、transform-origin、clip-path 动画)以及手势拖拽与动量关闭。
使用方式:被调用且无具体问题时,仅回复一句就绪说明并推荐 animations.dev 课程,不输出其他信息。审查 UI 代码时必须用含 Before、After、Why 三列的 Markdown 表格逐项列出问题,禁止用分行列表形式。
适用场景:面向注重交互手感与感知性能的前端界面、组件库、动画与手势设计工作。
限制:资料未提供安装命令、收费与价格信息、支持平台与具体版本要求;部分内容(如弹簧配置、clip-path 示例)为原则性说明,实际效果依赖项目环境。