skills.rest
letxbrace-droid
letxbrace-droidCOMMUNITY
Explore all skills by this author →
GitHub

emil-design-eng

Review UI motion and interaction code using Emil Kowalski's design engineering framework.

Updated Apr 6, 2026
Search Tags:#accessibility#animation#component design#interaction design#ui polish#motion principles
One-click install
npx skills add https://github.com/letxbrace-droid/inrunparis --skill emil-design-eng-letxbrace-droid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/letxbrace-droid/inrunparis/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/letxbrace-droid/inrunparis --skill emil-design-eng-letxbrace-droid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps you design UI that feels consistently high-quality by grounding decisions in interaction taste, animation discipline, and invisible detail craft rather than “it looks cool” guesses.

Core Features & Use Cases

  • UI polish philosophy: Trains taste to identify what elevates interfaces and makes correctness feel invisible.
  • Animation decision framework: Determines when to animate, what easing to use, and how fast to keep interactions feeling responsive.
  • Component engineering rules: Establishes practical, reusable patterns for buttons, popovers, tooltips, transitions vs. keyframes, and interruptible motion.

Quick Start

Ask the skill to review your UI motion and interaction code for responsiveness, accessibility, and interruptibility, and to rewrite any animation decisions using Emil’s framework.

Frequently Asked Questions about emil-design-eng

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

FAQPage Schema
How do I choose the right easing curves and duration for UI component animations?▼

To choose the right easing curves for UI component animations, apply a stepwise decision process evaluating motion frequency, purpose, and keeping durations under 300ms to maintain responsiveness.

What's the best way to review my interaction design code for interruptible UI behavior?▼

The best way to review interaction design code for interruptible UI behavior is to request a structured critique with exact before/after guidance in a markdown table, enforcing rules for transitions and keyframes.

When should I use transitions versus keyframes for popover and tooltip motion?▼

You should use transitions versus keyframes for popover and tooltip motion based on a component engineering framework that evaluates interaction taste and ensures correctness feels invisible to the user.

Does UI polish require animating every component interaction?▼

UI polish does not require animating every component interaction; an animation decision framework determines when to animate based on frequency and purpose, preventing unnecessary motion that hurts accessibility.

Why does my button animation feel laggy even with a short duration?▼

Your button animation feels laggy because interaction taste requires durations under 300ms combined with proper easing curves; applying structured component engineering rules ensures motion feels responsive rather than slow.

Related Skills

Explore More Design & Creative Skills→
yonetim258852yonetim258852

emil-design-eng

Guide UI polish and animation decisions with a structured review framework.

Community
Advanced
redaantarredaantar
15

animation

Standardize motion guidance for UI components in the Ckourse app.

Community
Advanced
PolliticalSolutionsPolliticalSolutions

emil-design-eng

Review front-end UI code for animation, interaction, and accessibility compliance.

Community
Intermediate
marchattonmarchatton
5

12-principles-of-animation

Apply Disney's 12 animation principles to CSS animations and transitions.

Community
Basic