Skills For Designers and Engineers

Install

npx skills@latest add emilkowalski/skills

The installer lets you pick which skills to take and which coding agents to install them on.

What's included

• emil-design-eng — the main skill: animation plus design advice

• animate / animate-expo — build animations from scratch (web / React Native + Expo)

• review-animations — strict review of existing animations

• improve-animations — audit a codebase, get prioritized fix plans

• find-animation-opportunities — find what's worth animating, and what isn't

• animation-vocabulary — describe the effect you want with the right words

• apple-design — Apple's interface design and motion principles for the web

• write-swift — modern Swift: value types, Swift 6 concurrency, generics

• pick-ui-library — pick trusted libraries instead of hand-rolling components

• prototype — build multiple UI versions behind a switcher

• ask-sonner — setup, styling, and fixes for the Sonner toast library

Usage

Most skills are model-invoked — describe the task ("animate this sheet dismissal", "build this landing page") and the relevant skill activates automatically.

安装（中文）

运行 npx skills@latest add emilkowalski/skills，安装器可自选技能与目标 Agent。包含 emil-design-eng、animate、review-animations、improve-animations、apple-design、write-swift、pick-ui-library、ask-sonner 等技能。多数为模型自动触发，直接描述任务（如 "animate this sheet dismissal"）即可。