SWSkillsWay.ai
View Repo ↗
Skillset · / emilkowalski / skills

emilkowalskiemilkowalski/skills

PurposeA collection of agent skills by Emil Kowalski that injects design-engineer taste into AI workflows for building better UI animations and interfaces. Based on his Vercel/Linear experience, it lists common agent mistakes and fixes across animation, easing, and Apple-style design. Skills are modular: audit code, review motion, find opportunities, name effects, or apply Apple principles. Suited for designers/engineers using agents to ship polished, differentiated interfaces without slop.
Skill Count
6
Required CLI
git
Domains
CodingDesign
Forms
Style GuideWorkflow
Skillset Analysis

Core Idea

Principles & Methodology

The author's design philosophy, what sets this apart from peer projects, and quick notes on the key workflows. Skill names mentioned in the text auto-link to their detail pages.

Core Idea

These skills encode Emil Kowalski's years of design-engineering expertise (Vercel, Linear) to give agents "taste" they lack by default. Unlike general UI frameworks, this set is a domain-specific shortcut to great interfaces via strict, practical rules.

Key Skills

  • emil-design-eng: Main skill with animation & design advice.
  • review-animations: Strict review against craft bar.
  • improve-animations: Codebase-wide audit + plans for cheaper agents.
  • find-animation-opportunities: Propose where to add motion.
  • animation-vocabulary: Name effects correctly for prompts.
  • apple-design: Apple's motion/design principles.

Workflow

Use improve-animations to audit, pick findings, then execute plans via sub-agents. Learn the domain yourself—AI amplifies expertise, not replaces it.

SkillsWay.ai · Heads-Up Agent Skills InspectorUnderstand Agent Skills before you install.

Skill Relationships

Usage Relationships Between Skills

Skill → Skill usage relationships, with cross-layer references. Same color blocks indicate the same skill form.

Relationship Count
3
Standalone Skills
2
Most Referencing
  • improve-animations1 downstream skills
  • review-animations1 downstream skills
Most Referenced
  • review-animations1 upstream skills
  • emil-design-eng1 upstream skills

Note: Each dependency line reads as "the current Skill depends on" the Skill it points to.

Skill Composition

How skills in this set are triggered

Each skill is designed for a specific kind of caller — some only fire when you name them, others load automatically when the model judges them relevant. The split below summarises both modes at a glance.

User-Invoked1

These skills only fire when you call them by name. The agent will not load them on its own — they stay inert until invoked.

improve-animations
Model-Invoked0

These skills are loaded automatically by the agent when it judges the context relevant. You usually don't need to call them yourself.

No skill in this set is model-invoked.

Skill List

6 Skills · Filter by name or domain

animation-vocabulary

A reverse-lookup glossary that maps vague descriptions of web animations or motion effects to their exact terms. By reading user intent and quoting a curated glossary, it returns precise names with definitions. Value: helps users name effects correctly to prompt AIs or designers instead of building them.

→
Domain
Design
Form
Style Guide
Location
skills/animation-vocabulary/SKILL.md

apple-design

A style guide translating Apple's fluid interface and motion design principles to the web. Provides rules for gesture-driven UI, spring animations, interruptibility, velocity handoff, and spatial consistency with code examples. Helps developers build and review Apple-style interfaces that feel physical and alive.

→
Domain
Design
Form
Style Guide
Location
skills/apple-design/SKILL.md

emil-design-eng

Encodes Emil Kowalski's UI polish philosophy: animation decisions, component design, invisible details. Uses a Before/After review table and a 4-step animation framework with custom easings and spring configs. Outputs actionable craft guidance that makes software feel great.

→
Domain
Design
Form
Style Guide
Location
skills/emil-design-eng/SKILL.md

find-animation-opportunities

A read-only search skill that sweeps a codebase or UI for moments genuinely needing motion, rejecting most candidates via a 4-question gate (frequency, purpose, speed, function). It proposes precise animation recipes with exact values and hands off implementation. Value: restrained, high-leverage motion suggestions that avoid over-animation.

→
Domain
DesignCoding
Form
Workflow
Location
skills/find-animation-opportunities/SKILL.md

improve-animations

Acts as a senior motion advisor to survey a codebase's animation and motion code, then produce a prioritized audit and self-contained implementation plans for other agents to execute. Uses read-only recon, parallel audit, vetting, and precise plan authoring. Delivers a roadmap of high-leverage animation fixes without modifying source code.

→
Domain
CodingDesign
Form
Workflow
Location
skills/improve-animations/SKILL.md

review-animations

Reviews animation and motion code against a high craft bar from Emil Kowalski's design engineering philosophy. Method: measure diffs against ten non-negotiable standards and escalation triggers, then output a findings table and tiered verdict (Block/Approve). Value: catches sluggish, non-GPU, or mis-origined motion before merge, earning approval only on truly crafted animation.

→
Domain
DesignCoding
Form
Style GuideWorkflow
Location
skills/review-animations/SKILL.md

Showing 6 / 6

Installation

One command to install the entire Skillset.

Copy and run in your terminal to add emilkowalski/skills to your Agent environment.

$npx skills add emilkowalski/skills