emil-design-eng

Review UI component behavior, motion choices, and micro-interactions for polish.

1|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/arthtyagi/onloop --skill emil-design-eng-arthtyagi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/arthtyagi/onloop/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/arthtyagi/onloop --skill emil-design-eng-arthtyagi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams turn ordinary interfaces into polished, trustworthy products by applying design-engineering judgment to motion, spacing, feedback, and interaction details.

Core Features & Use Cases

  • UI Review Guidance: Evaluate components, layouts, and interaction states with a craft-first lens.
  • Motion Decisions: Choose when to animate, when to reduce motion, and which easing and duration patterns feel responsive.
  • Polish Standards: Improve buttons, popovers, tooltips, drawers, and transitions so the experience feels intentional and refined.
  • Use Case: A product team can use this Skill to critique a dashboard, tighten its feedback states, and rewrite the UI implementation guidance to feel faster and more premium.

Quick Start

Review this interface and rewrite the interaction details so the experience feels more polished, responsive, and visually cohesive.

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 refine micro-interactions for buttons and popovers?

To improve UI polish, review component behavior, motion choices, and micro-interactions for interactive surfaces like buttons and popovers. This ensures a refined product experience by focusing on easing, duration, and transform origin adjustments.

What is design engineering for motion design and frontend review?

Design engineering for motion design applies craft-first judgment to UI transitions, spacing, and feedback. It evaluates when to animate, which easing patterns feel responsive, and how to tighten frontend implementation for a premium product feel.

How do I choose the right easing and duration for UI animation transitions?

Choosing the right easing and duration for UI animation requires evaluating motion decisions across interactive surfaces. Apply careful attention to easing curves, duration timing, and transform origin to make transitions feel intentional and responsive.

Can I use design engineering reviews for dashboard components and feedback states?

Yes, design engineering reviews apply to dashboard components, layouts, and interaction states. You can critique feedback states, tighten transitions, and rewrite UI implementation guidance to make the dashboard feel faster and more visually cohesive.

When should I reduce motion in frontend implementation for accessibility?

You should reduce motion in frontend implementation when accessibility requires it. Evaluate motion choices to determine when to animate, when to reduce motion, and how to maintain performance while ensuring the experience remains polished and trustworthy.

What's the best way to review interactive surfaces like tooltips and drawers for product taste?

The best way to review interactive surfaces like tooltips and drawers is using a table-based review output for actionable guidance. This approach assesses component behavior, motion choices, and interaction details to elevate overall product taste.