skills.rest
RelicWare-Co
RelicWare-CoOFFICIAL
Explore all skills by this author →
GitHub

emil-design-eng

Analyze UI code for animation, interaction, and micro-interaction improvements.

Updated Apr 4, 2026
Search Tags:#design philosophy#UI#review#animation#polish#micro-interactions
One-click install
npx skills add https://github.com/RelicWare-Co/timesheet --skill emil-design-eng-relicware-co
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/RelicWare-Co/timesheet/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/RelicWare-Co/timesheet --skill emil-design-eng-relicware-co

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps designers and developers improve the feel and polish of user interfaces by emphasizing unseen details that create a seamless experience.

Core Features & Use Cases

  • UI Review & Optimization: Provides detailed guidance on animation, interaction, and styling improvements for better user experience.
  • Design Philosophy Insights: Encodes Emil Kowalski’s principles on taste, invisible details, and leverage through beauty.
  • Use Case: A developer receives a button with a sluggish hover animation and uses this Skill to refine the transition, making it feel more responsive and natural.

Quick Start

Ask this skill to review your UI code and suggest improvements based on Emil Kowalski’s design philosophy.

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 micro-interactions in my interface code?▼

To improve UI polish and micro-interactions, analyze your interface code to refine animation, responsiveness, and easing. Focusing on unseen details and subtle transitions enhances overall feel and user satisfaction.

What is the best way to fix a sluggish button hover animation?▼

Fixing a sluggish hover animation involves reviewing your UI code's transition logic to adjust easing and duration. Refining these micro-interactions makes the interface feel more responsive and natural.

How do invisible details affect interface design and user experience?▼

Invisible details affect interface design by emphasizing subtle styling, animation, and interaction improvements. These unseen elements create a seamless experience, improving interface feel and consistency.

Can I use this approach to review an existing design system for consistency?▼

Yes, you can review an existing design system for consistency by analyzing UI code to ensure best practices for responsiveness, easing, and micro-interactions are applied uniformly across components.

What design philosophy principles guide interface refinement and taste?▼

Design philosophy principles guiding interface refinement encode concepts of taste, invisible details, and leverage through beauty. These principles ensure subtle but impactful enhancements in interface quality.

When should I not focus on micro-interactions and animation polish?▼

You should avoid focusing exclusively on micro-interactions and animation polish if the core interface functionality is broken, as this approach targets subtle enhancements rather than foundational structural fixes.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
sandrasocialsandrasocial
1

emil-design-eng

Reviews UI components and animations using Emil Kowalski's design-engineering philosophy.

Community
Advanced
marktantongcomarktantongco

remotion-core

Build and optimize Remotion compositions with animation and rendering pipelines.

Community
Advanced