emil-design-eng

Transform UI design problems into actionable engineering guidance using Emil Kowalski's design engineering principles.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill emil-design-eng-aurora-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/Aurora-AI/Elysiancorpfront/tree/main/.aurora/skills/emil-design-eng
Command: npx skills add https://github.com/Aurora-AI/Elysiancorpfront --skill emil-design-eng-aurora-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Core Features & Use Cases

  • Provides a principled framework for crafting interfaces where every micro-interaction adds perceived quality.
  • Offers an explicit review format (Before/After table) and a decision framework to guide animation choices, ensuring consistency across teams.
  • Includes practical guidance on building cohesive components, motion, and accessibility considerations to ship polished UI faster.

Quick Start

Describe a UI component and request a Before/After review table following the Design Engineering guidelines.

Frequently Asked Questions about emil-design-eng

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

FAQPage Schema
How do I create consistent UI animation guidelines for a frontend team?

To create consistent UI animation guidelines, you need a structured decision framework that defines motion principles for micro-interactions. This Skill provides an explicit review format and animation decision rules to ensure cohesive, polished interfaces across all project components.

Can I get a before and after review for my UI component design?

Yes, you can describe a UI component and request a Before/After review table. The framework evaluates your component against design engineering guidelines, specifying actionable changes to improve micro-interactions, accessibility, and overall visual cohesion.

How do I use a design review framework to improve micro-interactions?

Using a design review framework involves evaluating components against established animation and motion guidelines. This Skill enforces a Before/After review format that identifies missing polish in micro-interactions and prescribes specific engineering changes for consistency.

Does this design engineering approach work for building accessible components?

Yes, the design engineering approach includes practical guidance on building cohesive components with accessibility considerations. It enforces principles that ensure micro-interactions and animation choices do not negatively impact the accessible user experience.

When should I not use a strict animation decision framework for UI components?

You should avoid strict animation decision frameworks when rapid prototyping requires unstructured exploration or when component accessibility constraints demand disabling motion entirely. The framework is designed for shipping polished, production-ready interfaces rather than early-stage concept validation.