emil-design-eng

Evaluate frontend UI motion and component interactions for improved polish and accessibility.

7|1|Updated May 14, 2026
One-click install
npx skills add https://github.com/klarbau/govtech-de --skill emil-design-eng-klarbau
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/klarbau/govtech-de/tree/main/.claude/skills/emil-design-eng
Command: npx skills add https://github.com/klarbau/govtech-de --skill emil-design-eng-klarbau

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you make interfaces feel refined, responsive, and intentional by applying strong design judgment to motion, spacing, component behavior, and microinteractions.

Core Features & Use Cases

  • UI Review Guidance: Evaluate frontend code and suggest concrete before/after improvements for buttons, popovers, tooltips, drawers, and other interactive elements.
  • Motion and Timing Decisions: Choose appropriate easing, duration, transform origin, and animation patterns based on how often users will encounter each interaction.
  • Performance and Accessibility Checks: Favor interruptible, GPU-friendly motion and reduce movement for users who prefer less animation.
  • Use Case: A product team is polishing a dashboard and wants the interface to feel more premium; this Skill helps identify small changes that compound into a noticeably better experience.

Quick Start

Review this interface and recommend the highest-impact motion and component polish improvements in Emil Kowalski’s design engineering style.

Frequently Asked Questions about emil-design-eng

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

FAQPage Schema
How do I improve UI polish and animation timing for frontend components?

To improve UI polish, evaluate frontend code and apply concrete before/after recommendations for component behavior, easing, duration, transform origin, and microinteractions to make interfaces feel refined and intentional.

What is the best way to review interactive elements like popovers and tooltips for motion design?

Reviewing interactive elements like popovers and tooltips involves assessing animation timing, choosing appropriate easing, and ensuring performance-safe transforms to deliver tasteful, responsive feedback during user interactions.

How do you handle reduced motion and accessibility checks for interface animations?

Handling reduced motion requires favoring interruptible, GPU-friendly motion and applying accessibility checks to reduce movement for users who prefer less animation, ensuring performance-safe transforms across the interface.

Can I use this UI review guidance for a dashboard interface to make it feel more premium?

Yes, UI review guidance applies to dashboard interfaces by identifying small motion and component polish changes that compound into a noticeably better, more premium user experience.

What easing and duration patterns should I use for frequently encountered interactions?

Choose appropriate easing, duration, transform origin, and animation patterns based on how often users will encounter each interaction, ensuring motion decisions align with the frequency of the frontend experience.