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.

70

2.16x
Quality

58%

Does it follow best practices?

Impact

91%

2.16x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/emil-design-eng/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

100%

56%

Animation Code Review: Notification System

UI animation code review format and findings

Criteria
Without this skill
With this skill

Markdown table format

15%

100%

No Before:/After: bullets

100%

100%

transition: all flagged

100%

100%

scale(0) entry flagged

100%

100%

ease-in flagged

100%

100%

Popover transform-origin flagged

71%

100%

Hover media query flagged

71%

100%

Asymmetric enter/exit flagged

0%

100%

Framer Motion x shorthand flagged

0%

100%

Keyframes on toast flagged

0%

100%

Keyboard animation flagged

0%

100%

No stagger on list items flagged

0%

100%

Excessive duration flagged

100%

100%

84%

39%

Checkout Button: Interactive State Transitions

Animated button state transitions

Criteria
Without this skill
With this skill

Active press scale

100%

100%

Active transition duration

0%

100%

Custom cubic-bezier easing

100%

100%

No ease-in easing

100%

100%

Entry animation start scale

100%

100%

Transform and opacity only

0%

40%

Blur during crossfade

0%

100%

Snappy exit timing

50%

70%

Entry animation technique

0%

30%

Hover media query guard

0%

100%

Reduced motion support

0%

100%

89%

50%

Icon Toolbar with Hover Labels

Icon toolbar with instant-subsequent tooltip interaction

Criteria
Without this skill
With this skill

Initial delay, instant subsequent

85%

100%

data-instant zero-duration

20%

90%

transform-origin from trigger

0%

100%

CSS transitions not keyframes

100%

100%

Scale from 0.9+

0%

100%

Ease-out easing

12%

100%

Custom cubic-bezier

0%

100%

Duration 125–200ms

50%

100%

Hover media query guard

20%

50%

Reduced motion support

100%

87%

Active press scale

25%

50%

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.