CtrlK
BlogDocsLog inGet started
Tessl Logo

emil-design-eng

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

65

1.42x
Quality

49%

Does it follow best practices?

Impact

90%

1.42x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/emil-design-eng/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

44%

UI Animation Audit: SaaS Dashboard Components

UI code review format and animation issue detection

Criteria
Without context
With context

Table review format

0%

100%

No transition:all

100%

100%

Flags ease-in on dropdowns

100%

100%

Flags ease-in on notification popover

100%

100%

Scale(0) entry animation

100%

100%

Popover transform-origin

100%

100%

Modal transform-origin exempt

100%

100%

Command palette keyboard action

0%

100%

Custom easing recommendation

0%

100%

Button press state missing

0%

100%

97%

32%

Toolbar Popover and Tooltip System

Popover and tooltip component animation quality

Criteria
Without context
With context

No scale(0) entry

70%

100%

Popover trigger-origin

0%

75%

Tooltip instant on subsequent

100%

100%

Custom easing curve

100%

100%

No ease-in used

100%

100%

Tooltip duration range

100%

100%

Button active scale

0%

100%

Hover media query

0%

100%

Transform+opacity only

100%

100%

Easing decision documented

100%

100%

74%

4%

Swipeable Notification Feed

Drag-to-dismiss, performance, stagger, and accessibility

Criteria
Without context
With context

Velocity-based dismissal

100%

100%

Velocity threshold ~0.11

0%

0%

CSS transitions not keyframes

100%

40%

Transform/opacity only

50%

50%

Direct transform update during drag

100%

100%

translateY percentage positioning

100%

100%

Stagger entrance animation

100%

100%

Stagger delay range

100%

100%

prefers-reduced-motion support

100%

100%

Hover media query on cards

0%

100%

Asymmetric timing documented

0%

20%

Repository
emilkowalski/skill
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.