SWSkillsWay.ai
查看仓库 ↗
技能集 · / emilkowalski / skills

emilkowalskiemilkowalski/skills

用途概括一套由 Emil Kowalski 创建的 Agent 技能集,将设计工程师的“品味”注入 AI 工作流,帮助构建更优的 UI 动画与界面。基于其在 Vercel/Linear 的经验,列举 Agent 常见错误与修正方法,覆盖动画、缓动及苹果风设计。技能模块化:可审计代码、审查动效、发掘机会、规范词汇或套用苹果原则。适合设计师/工程师借助 Agent 打造精致、差异化的界面,避免平庸。
Skill 数量
6
所需 CLI
git
业务领域
CodingDesign
技能形态
Style GuideWorkflow
技能集分析

核心思想

关键理念 & 方法论

作者的设计原则、与同类项目的差异化定位、关键工作流的简要介绍。文中提到的技能名称会自动链接到对应技能页。

核心思想

这些技能将 Emil Kowalski 多年设计工程经验(Vercel、Linear)编码为规则,弥补 Agent 普遍缺乏的“品味”。与通用 UI 框架不同,它是一套基于领域专长的“捷径”,用严格实用的细节让界面出众。

主要技能

  • emil-design-eng:主技能,涵盖动画与设计建议。
  • review-animations:按高标准严格审查动画。
  • improve-animations:全代码库审计并生成供廉价模型执行的方案。
  • find-animation-opportunities:找出该加动效的位置。
  • animation-vocabulary:用准确词汇描述动效以优化提示。
  • apple-design:苹果界面与动效原则。

工作流

用 improve-animations 审计,选问题,再交子 Agent 执行方案。自身需积累领域专长——AI 放大而非替代专家能力。

SkillsWay.ai · Heads-Up Agent Skills Inspector安装前,先看懂 Agent Skills。

技能关系

技能之间的使用关系

Skill → Skill 的使用关系,可跨层指向。同色块表示同一类技能形态。

引用关系数
3
独立技能数
2
引用最多的技能
  • improve-animations1个下游技能
  • review-animations1个下游技能
被引用最多的技能
  • review-animations1个上游技能
  • emil-design-eng1个上游技能

说明:每条依赖线读作「当前 Skill 依赖」它指向的 Skill。

技能组成

该用什么技能?

每个技能都为某种调用者设计——有的必须由你点名触发,有的则由模型自动按上下文加载。下面的两张卡片一眼看清整个技能集的触发分工。

用户主动调用1

这些技能期待被用户手动直接点名使用。

improve-animations
模型自动调用0

由模型在判断上下文相关时自动使用,通常不需要点名调用。

该技能集未列出由模型自动调用的技能。

技能清单

6 个 Skill · 按名称或领域筛选

animation-vocabulary

一个反向查找词汇表,将模糊的网页动画或动效描述转为准确术语。通过理解用户意图并引用精选词汇表,返回精确名称及定义。价值:帮用户正确命名效果,以便向 AI 或设计师下指令,而非自行设计实现。

→
领域
Design
形态
Style Guide
位置
skills/animation-vocabulary/SKILL.md

apple-design

将 Apple 流畅界面与动效设计原则转化为 Web 实践的风格指南。提供手势驱动 UI、弹簧动画、可中断性、速度交接与空间一致性的规范及代码示例。帮助开发者构建并审查具有物理感与生命力的 Apple 风格界面。

→
领域
Design
形态
Style Guide
位置
skills/apple-design/SKILL.md

emil-design-eng

内化 Emil Kowalski 的 UI 打磨哲学:动画决策、组件设计、无形细节。采用 Before/After 审查表与四步动画框架,含自定义缓动与弹簧配置。产出可落地的工艺指导,让软件质感出众。

→
领域
Design
形态
Style Guide
位置
skills/emil-design-eng/SKILL.md

find-animation-opportunities

一个只读的搜索技能,扫描代码库或 UI 中真正需要动效的时刻,通过四重门槛(频率、目的、速度、功能)拒绝绝大多数候选。它提出带精确数值的动画方案并移交实现。价值:克制且高杠杆的动效建议,避免过度动画。

→
领域
DesignCoding
形态
Workflow
位置
skills/find-animation-opportunities/SKILL.md

improve-animations

作为资深动效顾问审视代码库的动画与动效代码,产出优先级排序的审计结果与自包含实现计划,供其他代理执行。采用只读侦察、并行审计、核验与精确计划编写。交付高杠杆动画修复路线图,不修改源码。

→
领域
CodingDesign
形态
Workflow
位置
skills/improve-animations/SKILL.md

review-animations

依据 Emil Kowalski 设计工程理念的高工艺标准审查动画与动效代码。方法:以十项不可妥协标准和激进触发项衡量代码差异,输出发现表与分级结论(Block/Approve)。价值:在合并前捕获迟缓、非 GPU、原点错误等动效问题,仅对真正精雕的动画给予通过。

→
领域
DesignCoding
形态
Style GuideWorkflow
位置
skills/review-animations/SKILL.md

显示 6 / 6 条

安装方式

一行命令安装整个 Skillset。

在终端复制并运行以下命令,即可将 emilkowalski/skills 添加到 Agent 环境。

$npx skills add emilkowalski/skills