Design Engineering

Purpose

Use this skill to make interfaces feel intentional, fast, and physically believable — not merely functional. It is framework-neutral: apply it to HTML/CSS, Svelte, React, Vue, native apps, Web Components, canvas/WebGL, or design specs.

The goal is not decoration. The goal is product feel: the compounding effect of layout, motion, responsiveness, accessibility, and tiny interaction details that users rarely notice consciously but absolutely feel.

When to Use

Use for:

• UI polish passes
• Interaction design and component behavior
• Motion design, transitions, gestures, and microinteractions
• Reviewing frontend code for feel, responsiveness, and accessibility
• Turning a rough UI into something crisp and shippable
• Designing component APIs where behavior and styling must stay coherent
• Diagnosing why an interface feels slow, awkward, cheap, or janky