Review frontend UI component code for animation and interaction polish.
npx skills add https://github.com/phintruong/skills --skill emil-design-eng-phintruong
Please help me install this Agent Skill. Skill: emil-design-eng Source: https://github.com/phintruong/skills/tree/main/emil-design-eng Command: npx skills add https://github.com/phintruong/skills --skill emil-design-eng-phintruong
This skill solves the problem of generic, unpolished UI by providing a rigorous framework for animation, component interaction, and visual feedback that elevates software from functional to delightful.
Invoke the emil-design-eng skill to review your current UI component code for animation and design engineering improvements.
High-intent search queries and answers about installing and using this skill.
To make UI animations feel responsive and interruptible, apply a design engineering framework using hardware-accelerated CSS transitions. This ensures high-performance component interaction logic that handles user input interruptions without visual lag.
The best way to decide animation speed and timing is to use an animation decision framework. This approach evaluates element frequency and purpose to determine if, how, and how fast an element should animate for optimal user feedback loops.
To ensure CSS transitions are hardware-accelerated and accessible, implement accessibility-compliant motion patterns within your design engineering workflow. This enforces consistent interaction logic while maintaining high-performance visual feedback.
Popovers and button states feel unpolished when they lack refined interaction logic. Applying UI polish principles ensures popovers scale correctly from their triggers and button states react instantly, elevating the software from functional to delightful.
Yes, you can use design engineering principles to review existing frontend interaction code. It assesses your CSS and animation logic to verify that transitions are hardware-accelerated, interruptible, and follow consistent interaction patterns.
gigun-devProvides UI polish/animation engineering guidance for high-fidelity web interfaces with hardware-accelerated, accessible CSS motion and transitions.
louisbrulenaudetApply Tailwind v4 motion design rules for accessible, performant UI animations.
k97Encode design engineering principles for CSS transitions and spring physics.
Saifeldin2401Analyze codebase animation code for performance, accessibility, and design issues.
