emil-design-eng

Review UI motion, easing, and interaction design for polish.

27.6k|1.5k|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng-emilkowalski
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/emilkowalski/skills/tree/main/skills/emil-design-eng
Command: npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng-emilkowalski

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you make interface decisions that feel right instead of merely functional, reducing animation mistakes, awkward transitions, and subtle design issues that undermine product quality.

Core Features & Use Cases

  • Animation review: Evaluate enter, exit, hover, press, and drag motion choices using a strict design engineering framework.
  • UI polish guidance: Improve transform origins, easing curves, durations, feedback states, and interruption behavior for buttons, popovers, tooltips, drawers, and toasts.
  • Design judgment: Apply taste-driven recommendations for when to animate, when to simplify, and how to match motion to the component’s personality.
  • Use case: A product team can paste a UI implementation and get concrete corrections that make interactions feel faster, more responsive, and more cohesive.

Quick Start

Ask the emil-design-eng skill to review my UI interactions and tell me exactly what animation and design changes would make them feel more polished.

Frequently Asked Questions about emil-design-eng

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI animation and motion design for better polish?

To review UI motion for polish, evaluate enter, exit, hover, press, and drag interactions using a strict design engineering framework that prioritizes perceived performance, interruptibility, and visual cohesion. This process identifies awkward transitions and corrects subtle design issues.

What is the best way to fix transform origin and easing choices for popovers and tooltips?

Fixing transform origin and easing choices for popovers and tooltips requires applying taste-driven recommendations that match motion to the component’s personality. Correcting these parameters ensures interactions feel faster, more responsive, and visually cohesive.

How do I make button and drawer transitions feel more responsive and intentional?

Making button and drawer transitions feel responsive involves improving feedback states, durations, and interruption behavior. Applying taste-driven design judgment ensures the motion matches the component’s personality and prioritizes perceived performance.

Why does my UI motion feel awkward and how can I improve interaction design decisions?

UI motion feels awkward when animation mistakes and subtle design issues undermine product quality. You can improve interaction design decisions by applying a strict review framework that evaluates easing curves, transform origins, and interruption behavior.

Can I use design engineering heuristics to review toast and gesture animations?

Yes, you can use design engineering heuristics to review toast and gesture animations. This framework provides component-level feedback on motion choices, ensuring interactions maintain interruptibility and visual cohesion across the interface.

When should I simplify or remove UI animations to improve perceived performance?

You should simplify or remove UI animations when motion choices undermine perceived performance or interruptibility. Applying design judgment helps determine when to animate, when to simplify, and how to match motion to the component’s personality.