emil-design-eng

Codify UI polish principles for buttons, popovers, and motion guidelines.

Updated Mar 10, 2026
One-click install
npx skills add https://github.com/mohamed-g-shoaib/rootly --skill emil-design-eng-mohamed-g-shoaib
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/mohamed-g-shoaib/rootly/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/mohamed-g-shoaib/rootly --skill emil-design-eng-mohamed-g-shoaib

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill codifies Emil Kowalski's philosophy on UI polish, component design, and animation decisions to help teams build software that feels refined and cohesive.

Core Features & Use Cases

  • Philosophy-driven UI craftsmanship that informs design decisions, interaction details, and motion.
  • Principles for building cohesive components (buttons, popovers, tooltips) and consistent review formats.
  • Real-world use: apply the guidelines across dashboards, product interfaces, and internal tools to elevate perceived quality.

Quick Start

Apply Emil Kowalski's design philosophy to audit a UI component and propose concrete polish improvements.

Frequently Asked Questions about emil-design-eng

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

FAQPage Schema
How do I polish UI components for consistent motion and feedback across dashboards?

To polish UI components, apply a disciplined design engineering philosophy that codifies button active states, origin-aware popovers, motion guidelines, and blur usage to create cohesive interactions and refined product interfaces.

What is design engineering for UI craftsmanship and how does it improve component quality?

Design engineering for UI craftsmanship bridges development and design by codifying explicit principles for component design and animation decisions, ensuring software feels refined and cohesive through consistent interaction details and motion.

How do I audit a UI component using a formal design review format?

Audit a UI component by applying a formal review format that evaluates adherence to explicit design principles like button active states and motion guidelines, proposing concrete polish improvements for dashboards and internal tools.

Can I use these UI design principles for tooltips and popovers in front-end applications?

Yes, you can use these UI design principles for tooltips and popovers in front-end applications by enforcing origin-aware popover behaviors and consistent motion guidelines to elevate perceived component quality.

What is the best way to establish cohesive animation guidelines for product interfaces?

The best way to establish cohesive animation guidelines is to codify explicit motion rules alongside component design principles, ensuring consistent feedback and refined interactions across dashboards and product interfaces.