๐ŸŽฏ

emil-design-eng

๐ŸŽฏSkill

from emilkowalski/skill

VibeIndex|
What it does
|

Encodes Emil Kowalski's design-engineering philosophy โ€” UI polish, component design, and animation decisions โ€” to help build interfaces where invisible details compound into craft that feels right.

Overview

A skill that encodes Emil Kowalski's design-engineering philosophy โ€” UI polish, component design, and animation decisions โ€” to help AI coding agents build interfaces where invisible details compound into craft that feels right. Emil is a prominent design engineer known for Sonner, Vaul, and related UI libraries.

Key Features

  • UI polish heuristics drawn from Emil Kowalski's public work
  • Component design patterns that emphasize thoughtful defaults
  • Animation and motion decision-making for interfaces
  • A taste-driven lens that agents can apply to UI code reviews

Who is this for?

Frontend and product engineers who want their AI coding agent to write UI with the craft-level attention associated with top design engineers, rather than generic Tailwind output. Useful for SaaS landing pages, auth flows, and micro-interactions where feel matters.

emil-design-eng

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add emilkowalski/skill --skill emil-design-eng
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add emilkowalski/skill --skill emil-design-eng
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/emil-design-eng/SKILL.md

SKILL.md

29,188Installs
-
AddedMar 16, 2026