emilkowalski-skill
Emil Kowalski's entire design engineering philosophy as a skill. Creator of Sonner (13M+ weekly npm downloads), Vaul, and animations.dev. Covers animation decision framework, custom easing curves, component interaction principles, and typography rules.
How do I install this agent skill?
npx skills add https://github.com/podo/design-agent-skills --skill emilkowalski-skillIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill serves as a catalogue stub for Emil Kowalski's design engineering framework. It provides instructions for installing the full skill implementation from a public repository but contains no executable code or malicious logic itself.
- Socketpass
No alerts
- Snykwarn
Risk: MEDIUM · 1 issue
What does this agent skill do?
emilkowalski-skill
Catalogue stub — full package: emilkowalski/skill
Decision tree
Run this before any animation or design engineering work:
-
Is the skill already installed? Check:
~/.design-agent-skills/skills/emil-design-eng/SKILL.mdexists.- Yes → invoke
emil-design-engand proceed - No → go to step 2
- Yes → invoke
-
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with
!— add-gfor global install or omit for project-only
Install command
npx skills add emilkowalski/skill --skill emil-design-eng
Or for all skills in the package:
npx skills add emilkowalski/skill
Invoke after install
- Skill name:
emil-design-eng - Trigger phrases: "Emil Kowalski", "design engineering", "animation decision", "easing curves"
What it does
Emil Kowalski's complete design engineering methodology — animation decision framework (4 steps: should it animate? purpose? easing? duration?), required custom CSS easing curves, component interaction principles (button scale on :active, scale(0.95) entry animations, origin-aware transforms), CSS transitions over keyframes for interruptibility, and strict typography rules (65ch cap, tabular-nums, … not ...). Used by the creator of Sonner, Vaul, and animations.dev.
When NOT to use
- Backend, APIs, data work
- When motion is already well-handled
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/podo/design-agent-skills/emilkowalski-skill">View emilkowalski-skill on skillZs</a>