Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When the user asks for UI polish, component design, animation decisions, or invisible detail improvements; or when reviewing UI/motion code against a high-craft bar.
:active scale).Actionable UI guidance and review tables that elevate interface feel, with concrete CSS/JS values and rationale.
Use Cases
A frontend developer finishes a dashboard and feels it looks generic. They invoke emil-design-eng to review components. The skill outputs a Before/After/Why table flagging `transition: all`, missing `:active` states, and weak easings. Applying fixes makes buttons responsive and entrances natural, boosting perceived quality with minimal code change.
A product designer plans a modal and asks whether to animate. The skill applies the frequency/purpose framework: modal is occasional, so standard animation; recommends ease-out 200ms, scale from 0.95 not 0, and origin from trigger. This prevents sluggish feel and aligns with trained taste, shipping a delighter.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File