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.