emilkowalski-skill

emilkowalski-skill

目录条目 — 完整软件包：emilkowalski/skills

决策树

1. 是否已安装完整技能？ 此软件包会安装 15 项技能（emil-design-eng、animate、animate-expo、animation-performance、animation-vocabulary、apple-design、ask-sonner、break-ui、find-animation-opportunities、improve-animations、mobile-native、pick-ui-library、prototype、review-animations、write-swift）；先检查第一项。

   • 全局：f=~/.agents/skills/emil-design-eng/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • 项目：f=.agents/skills/emil-design-eng/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → 技能已安装为 emil-design-eng，调用它并继续
   • pointer → 转到第 2 步

2. 检测作用范围，然后安装：

   [ -e ~/.agents/skills/emilkowalski-skill ] && echo "global" || echo "project"
   

   全局：

   npx skills add emilkowalski/skills --skill emil-design-eng animate animate-expo animation-performance animation-vocabulary apple-design ask-sonner break-ui find-animation-opportunities improve-animations mobile-native pick-ui-library prototype review-animations write-swift -g -y
   

   项目：

   npx skills add emilkowalski/skills --skill emil-design-eng animate animate-expo animation-performance animation-vocabulary apple-design ask-sonner break-ui find-animation-opportunities improve-animations mobile-native pick-ui-library prototype review-animations write-swift -y
   

   **Claude Code：**发送一条以 ! 开头的聊天消息来运行命令，无需离开当前对话。

注意事项

• **许可证：**MIT
• 名称冲突：animate 也由 animate-skill 写入（安装文件或目录指针）；同时安装两者会覆盖先安装的版本。
• 名称冲突：prototype 也由 design-for-ai 写入（安装文件或目录指针）；同时安装两者会覆盖先安装的版本。

安装后调用

• emil-design-eng — “Emil Kowalski”、“设计工程”、“动画决策”、“缓动曲线”
• animate — 从头构建动画，并按正确顺序做出决策
• review-animations — 按高标准审查动画代码
• improve-animations / find-animation-opportunities — 只读审计，并提出包含精确数值的动画方案
• animation-performance — 确保网页动画处于帧预算内
• animation-vocabulary — 将模糊的效果描述转化为准确术语
• apple-design — 为网页打造 Apple 风格的流畅、富有物理感、由手势驱动的动效
• animate-expo — React Native 和 Expo 动画
• mobile-native — 让网页应用在手机上呈现原生体验
• break-ui — 使用最坏情况数据对 UI 进行压力测试
• prototype — 通过视觉选择器呈现多个真正不同的版本
• pick-ui-library — 为常见前端任务提供有主见的库选择建议
• ask-sonner — Sonner toast 库
• write-swift — 现代 Swift、并发与测试

功能

Emil Kowalski 完整的设计工程方法论——动画决策框架（4 个步骤：是否应该动起来？目的是什么？缓动方式是什么？持续时间多长？）、必需的自定义 CSS 缓动曲线、组件交互原则（:active 时按钮缩放、使用 scale(0.95) 的入场动画、根据原点调整变换）、优先使用可中断的 CSS transitions 而非 keyframes，以及严格的排版规则（最大宽度 65ch、使用 tabular-nums、用 … 而非 ...）。扩展软件包还包含用于审查和审计现有动效代码的技能、性能指导，以及移动端和原生体验技巧。由 Sonner、Vaul 和 animations.dev 的创作者使用。若只需核心技能，请运行 npx skills add emilkowalski/skills --skill emil-design-eng，而非上述完整命令。

不适用场景

• 后端、API、数据处理
• 动效已经处理妥当时