Emil Design Engineering Skill

Community skill for UI polish, animation decisions, component feel, and the invisible details that make interfaces feel right — from Emil Kowalski.

CopilotCursorKilo
AuthorEmil Kowalski
Updated
uidesignanimationcssfrontend

Overview

Upstream community skill encoding Emil Kowalski's design engineering philosophy: animation decision frameworks, component polish, performance rules, and UI review checklists. Use it case-by-case — for example when reviewing animations or refining interaction details — rather than leaving it always on.

Upstream: emilkowalski/skill · emilkowal.ski/skill

When to use

Need Use this
Review UI animations, easing, and timing emil-design-eng
Polish buttons, popovers, tooltips, and motion emil-design-eng
shadcn/ui component composition and tokens shadcn-ui-v4
Figma design-to-code workflow figma-mcp-server

Installation

Install from upstream — do not copy the skill file from memory:

npx skills add emilkowalski/skill

Supports Claude Code, Codex, Cursor, and other agents that use the skills CLI. The skill slug is emil-design-eng.

Usage

Invoke when you want design-engineering feedback, for example:

Review the animation and interaction polish on this dropdown component.

For deeper material on motion and interface craft, see animations.dev.

Raw content

Copy into your project — e.g. .instructions.md, .agent.md, or SKILL.md

## Overview

Upstream community skill encoding Emil Kowalski's design engineering philosophy: animation decision frameworks, component polish, performance rules, and UI review checklists. Use it case-by-case — for example when reviewing animations or refining interaction details — rather than leaving it always on.

**Upstream:** [emilkowalski/skill](https://github.com/emilkowalski/skill) · [emilkowal.ski/skill](https://emilkowal.ski/skill)

## When to use

| Need | Use this |
|------|----------|
| Review UI animations, easing, and timing | **emil-design-eng** |
| Polish buttons, popovers, tooltips, and motion | **emil-design-eng** |
| shadcn/ui component composition and tokens | [shadcn-ui-v4](/instructions/shadcn-ui-v4) |
| Figma design-to-code workflow | [figma-mcp-server](/tools/figma-mcp-server) |

## Installation

Install from upstream — do not copy the skill file from memory:

```bash
npx skills add emilkowalski/skill
```

Supports Claude Code, Codex, Cursor, and other agents that use the `skills` CLI. The skill slug is `emil-design-eng`.

## Usage

Invoke when you want design-engineering feedback, for example:

```
Review the animation and interaction polish on this dropdown component.
```

For deeper material on motion and interface craft, see [animations.dev](https://animations.dev/).

Next steps

Matched by shared tags and category. Browse all skills