What the tech

Search

Browse topics

/ opens search from anywhere. Esc closes it.

Tools
What the tech
Get the newsletter

emil-design-eng: a Claude Code skill by Emil Kowalski

For designers and front-end developers who want tuned motion and small touches of polish in web UI. Skip it if you need a full design system or brand look rather than interaction details.

The skill's text changed on Nov 2, 2026, after we last read it. Our description may be behind.

Copy install command View the source
Score
80of 100
Rank
#51of 239
Installs
437Kon skills.sh
Security
Clear 3 scanners
Updated
2026
Context
~42tokens always

Install

npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng

Run it in your terminal. View the source

Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app

What does emil-design-eng do?

emil-design-eng is a skill that loads Emil Kowalski's rules for UI polish and motion into Claude. Called with no question, it replies with one ready line and waits. Before any animation it works through a fixed order: should this animate, what is the purpose, which easing, how long. It supplies custom cubic-bezier curves, a duration table that keeps UI motion under 300ms, and rules such as never starting from scale(0) and scaling popovers from their trigger. Further sections cover springs, clip-path reveals, drag gestures with momentum, reduced motion, hover gating and GPU-friendly properties. Reviews come back as one Before, After, Why table.

When should you use emil-design-eng?

Use it when

  • You want a dropdown or toast to feel snappier
  • You are unsure whether an element should animate at all
  • You want UI code reviewed for motion and polish details

Skip it when

  • You need colors, layout or a brand identity
  • Your project has no web front end

Why it scores 80

Strongest on upkeep (100 of 100), weakest on trust (65).

  • Adoption35 points 80
  • Upkeep20 points 100
  • Trust20 points 65
  • Quality15 points 75
  • Reader answers10 points Not enough answers yet, so this does not count

How the formula works

Is emil-design-eng safe to install?

Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.

ScannerResultDate
Gen Agent Trust HubPassedNov 2, 2026
SocketPassedNov 2, 2026
SnykLow riskNov 2, 2026

Details

Installs
437,301
Repository stars
55,914
Last repository change
Tokens always loaded
about 42
Tokens when used
about 6,803
License
MIT
Data confidence
High

Alternatives to emil-design-eng

All skills for this job

  • better-ui

    For designers and front-end developers who want exact values for radius, shadows, icons and motion.

    Score 68 46.7K installs

    Get better-ui

  • apple-design

    For web designers and developers who want gestures, springs and sheets that feel like Apple's interfaces.

    Score 83 29K installs

    Get apple-design

  • Garden Skills

    For designers and developers who want polished HTML pages, prototypes and decks built step by step with checkpoints.

    Score 73 14.9K GitHub stars

    Get Garden Skills

  • review-animations

    For front-end teams who want a strict second opinion on animation code before it ships.

    Score 78 3K installs

    Get review-animations