emil-design-eng

Apply Emil Kowalski's design philosophy to UI code reviews and animation decisions.

Updated Jun 21, 2026
One-click install
npx skills add https://github.com/jpmorillom1/io-project --skill emil-design-eng-jpmorillom1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/jpmorillom1/io-project/tree/main/io-ui/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/jpmorillom1/io-project --skill emil-design-eng-jpmorillom1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides insights into UI design, leveraging Emil Kowalski's philosophy to help create interfaces that are both functional and aesthetically pleasing.

Core Features & Use Cases

  • Design Engineering Philosophy: Applies principles like 'Taste is trained, not innate' and 'Unseen details compound' to UI development.
  • Review Format: Standardizes the way UI code reviews are conducted with markdown tables for clarity.
  • Animation Decision Framework: Offers a structured approach to deciding when and how to animate UI elements for the best user experience.
  • Performance Rules: Guides on best practices for animations and transitions for improved performance and accessibility.
  • Accessibility: Provides guidelines on making UIs accessible to users with reduced motion preferences and touch devices.

Quick Start

Analyze the design of your application with the emil-design-eng skill to enhance UI/UX.

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 animation performance and accessibility for touch devices?

UI animation performance and accessibility improve by applying structured guidelines for transitions and respecting reduced motion preferences on touch devices. This approach balances aesthetics with functionality, ensuring smooth, user-friendly interfaces without sacrificing usability.

What is the best way to conduct a UI design code review?

The best way to conduct a UI design code review uses a standardized markdown table format to evaluate component building, animation decisions, and performance. This structured approach clarifies feedback and aligns implementation with functional, tasteful design principles.

When should I animate UI components for the best user experience?

You should animate UI components by following an animation decision framework that evaluates when and how motion enhances user experience. This structured approach prevents unnecessary animations, ensuring tasteful transitions that compound unseen details for functional interfaces.

How do I build accessible UI components that respect reduced motion preferences?

Build accessible UI components by applying design engineering guidelines that address reduced motion preferences and touch device interactions. This ensures interfaces remain usable for all users while maintaining tasteful aesthetics and performance standards.

Does this UI design approach work without external dependencies?

This UI design approach works without external dependencies, relying solely on internal scripts and references. It applies design engineering philosophy through standalone guidelines, making it adaptable to any component building workflow.

Why does my UI design lack the polish of professional interfaces?

UI design often lacks professional polish because unseen details compound over time. Applying a design engineering philosophy that trains taste through structured animation, performance, and accessibility guidelines elevates interfaces to be both functional and aesthetically pleasing.