skills.rest
Ildeey
IldeeyCOMMUNITY
Explore all skills by this author →
GitHub

emil-design-eng

Assess UI code for animation, performance, and accessibility decisions.

Updated Oct 26, 2025
Search Tags:#animation#ui design#ui development#ux#design engineering
One-click install
npx skills add https://github.com/Ildeey/Portfolio --skill emil-design-eng-ildeey
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/Ildeey/Portfolio/tree/main/claude_skills/emil-design-eng
Command: npx skills add https://github.com/Ildeey/Portfolio --skill emil-design-eng-ildeey

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you create interfaces that feel right, applying Emil Kowalski's design engineering philosophy to UI polish, component design, and animation decisions.

Core Features & Use Cases

  • UI Polish: Apply best practices for transitions, state changes, and animations to enhance user experience.
  • Component Design: Provide guidance on button states, popovers, tooltips, and other UI elements.
  • Animation Decisions: Offer a framework for choosing the right animations, easing, and timing for UI interactions.

Quick Start

Use the emil-design-eng skill to review your UI code and get feedback on best practices in design engineering.

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 design engineering for better user experience?▼

Improve UI polish by applying a structured design engineering philosophy that focuses on taste, unseen details, and leveraging beauty in software to enhance user delight. Assess UI code to refine transitions and state changes.

What is the best way to choose animations and easing for UI interactions?▼

Choose animations for UI interactions by using a dedicated decision-making framework that evaluates appropriate easing, timing, and performance optimization to ensure accessible and polished component design.

How do I review my UI code for design engineering best practices?▼

Review your UI code by assessing it against a framework for animation decision-making, performance optimization, and accessibility considerations to ensure components like buttons and popovers feel intuitive.

Can I get guidance on component design for button states and tooltips?▼

Yes, you can get guidance on component design for button states, popovers, and tooltips by applying best practices for transitions and state changes to enhance the overall user experience.

Does UI animation decision-making include accessibility and performance optimization?▼

Yes, UI animation decision-making includes accessibility considerations and performance optimization to ensure that transitions and state changes do not negatively impact the user experience.

Related Skills

Explore More Design & Creative Skills→
iJosueehiJosueeh

make-interfaces-feel-better

Apply design-engineering best practices to UI elements for improved aesthetics and interactivity.

Community
Intermediate
taku-otaku-o

frontend-design

Design and implement production-grade frontend interfaces with HTML, CSS, and JavaScript.

Community
Advanced
batdorj-sbatdorj-s

emil-design-eng

Apply design engineering principles to UI/UX development and code review.

Community
Advanced
lehuuhau1231lehuuhau1231

lint-and-validate

Run linting and type checking across multiple programming ecosystems.

Community
Intermediate