Emil Design Eng (pointer) 是一个指向型技能,而非上游技能的副本。它的作用是判断 Emil Kowalski 的 emil-design-eng 技能是否适合当前任务、给出从源仓库安装的方法,并说明署名信息。上游技能本身位于其源仓库,此处不复制其内容。
用途 该技能用于在界面布局与设计系统已经确定之后,为界面补充动效与交互细节的打磨。当动画显得迟缓、飘浮或过于装饰化、需要纠正时,或需要设计工程师对让界面显得完整的小细节做出判断时,可以使用它。它也会说明该技能在 ui-design-pipeline 中的位置:第 3 阶段 Motion。
主要能力
- 给出推荐:判断上游技能是否适合当前任务。
- 提供安装命令,以及确认安装是否成功的方法。
- 说明其在流程中的位置:ui-design-pipeline 的第 3 阶段 Motion。
- 提供署名信息:作者、许可证与链接。
所需输入 若未提供,需要询问以下信息:
- 什么应该移动以及为什么:动效所解释的状态变化或关系。
- 技术栈:仅用 CSS,还是使用动画库。
- 用户触发该交互的频率。
何时使用
- 布局与系统已确定,界面需要动效与交互打磨。
- 动画感觉迟缓、飘浮或装饰化,需要纠正。
- 需要设计工程师对让界面显得完整的小细节做出判断。
何时不使用
- 尚不存在方向或系统。动效排在第三位,而非第一位。
- 需要整页设计评审,应使用 impeccable-pointer。
- 页面没有值得动画化的状态变化,应跳过该阶段并记录原因。
安装方式 命令:npx skills@latest add emilkowalski/skills 该仓库包含多个技能。在提示时选择 emil-design-eng,或添加 --skill emil-design-eng 仅安装该技能。 注意:该仓库已从 emilkowalski/skill 更名为 emilkowalski/skills。旧地址会重定向,较早的文章仍显示旧地址。 确认安装:开启新会话,检查技能列表中是否出现 emil-design-eng。
跳过安装时的流程默认规则 ui-design-pipeline 为该阶段提供三条兜底规则:进入动画使用 ease out;大多数界面动效保持在 300ms 以内;仅在有助于体验的地方使用动画。这些只是下限,上游技能覆盖的内容要深入得多。
输出格式
- Pointer: emil-design-eng
- Fit: 是否使用,一句话说明及理由
- Install: 安装命令
- Check: 如何确认已加载
- Next: 后续的流程阶段
- Credit: 作者、许可证、链接
署名
- 项目:emil-design-eng,属于 Emil Kowalski 的 skills 仓库
- 作者:Emil Kowalski
- 许可证:MIT
- 链接:https://github.com/emilkowalski/skills
- 检查日期:2026-09-28
质量检查
- 安装命令使用当前仓库名称
- 已署名作者并附链接
- 未复制上游 SKILL.md 文本
- 在推荐该技能前,方向与系统阶段已完成
反模式
- 用添加动效来修补薄弱的布局。动画无法修复层级问题。
- 安装仓库中的所有技能并一起加载。应只选择该阶段所需的技能。
- 为用户整天重复执行的操作添加动画。频率高恰恰是移除动效的理由。
示例触发语句
- “如何安装 Emil Kowalski 的设计技能?”
- “动画与交互打磨应该用哪个技能?”
- “设计流程中的动效阶段由什么处理?”
- “我的过渡感觉迟钝,哪个技能能修复?”
该技能属于 https://github.com/mohitagw15856/pm-claude-skills 中 pm-design-taste 捆绑包的一部分。