animation-vocabulary
一个反向查找词汇表,将模糊的网页动画或动效描述转为准确术语。通过理解用户意图并引用精选词汇表,返回精确名称及定义。价值:帮用户正确命名效果,以便向 AI 或设计师下指令,而非自行设计实现。
技能关系
Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。
技能组成
每个技能都为某种调用者设计——有的必须由你点名触发,有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。
由模型在判断上下文相关时自动使用,通常不需要点名调用。
技能清单
一个反向查找词汇表,将模糊的网页动画或动效描述转为准确术语。通过理解用户意图并引用精选词汇表,返回精确名称及定义。价值:帮用户正确命名效果,以便向 AI 或设计师下指令,而非自行设计实现。
将 Apple 流畅界面与动效设计原则转化为 Web 实践的风格指南。提供手势驱动 UI、弹簧动画、可中断性、速度交接与空间一致性的规范及代码示例。帮助开发者构建并审查具有物理感与生命力的 Apple 风格界面。
内化 Emil Kowalski 的 UI 打磨哲学:动画决策、组件设计、无形细节。采用 Before/After 审查表与四步动画框架,含自定义缓动与弹簧配置。产出可落地的工艺指导,让软件质感出众。
一个只读的搜索技能,扫描代码库或 UI 中真正需要动效的时刻,通过四重门槛(频率、目的、速度、功能)拒绝绝大多数候选。它提出带精确数值的动画方案并移交实现。价值:克制且高杠杆的动效建议,避免过度动画。
作为资深动效顾问审视代码库的动画与动效代码,产出优先级排序的审计结果与自包含实现计划,供其他代理执行。采用只读侦察、并行审计、核验与精确计划编写。交付高杠杆动画修复路线图,不修改源码。
依据 Emil Kowalski 设计工程理念的高工艺标准审查动画与动效代码。方法:以十项不可妥协标准和激进触发项衡量代码差异,输出发现表与分级结论(Block/Approve)。价值:在合并前捕获迟缓、非 GPU、原点错误等动效问题,仅对真正精雕的动画给予通过。
安装方式
在终端复制并运行以下命令,即可将 emilkowalski/skills 添加到 Agent 环境。
npx skills add emilkowalski/skills