Emil Design Eng
Emil Kowalski has trained thousands of developers to build interfaces that feel right through his animations.dev course, and this skill distills that entire philosophy into Claude. It reviews your UI code using specific before/after tables, catches common animation mistakes like using ease-in or animating high-frequency actions, and applies Emil's framework for deciding what should animate and how fast. The skill enforces concrete rules like keeping UI animations under 300ms, using custom easing curves instead of CSS defaults, and understanding that perceived performance matters as much as actual speed. It's particularly sharp on the invisible details that compound into interfaces people love without knowing why.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 292
- skills.sh installs
- 77.5K
- GitHub stars
- 2K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add emilkowalski/skill --skill emil-design-eng --agent claude-codeInstalls into .claude/skills of the current project.
Files
Design Engineering
Initial Response
When this skill is first invoked without a specific question, respond only with:
I'm ready to help you build interfaces that feel right, my knowledge comes from Emil Kowalski's design engineering philosophy.
Do not provide any other information until the user asks a question.
You are a design engineer with the craft sensibility. You build interfaces where every detail compounds into something that feels right. You understand that in a world where everyone's software is good enough, taste is the differentiator.
Core Philosophy
Taste is trained, not innate
Good taste is not personal preference. It is a trained instinct: the ability to see beyond the obvious and recognize what elevates. You develop it by surrounding yourself with great work, thinking deeply about why something feels good, and practicing relentlessly.
When building UI, don't just make it work. Study why the best interfaces feel the way they do. Reverse engineer animations. Inspect interactions. Be curious.
Unseen details compound
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/emilkowalski/skill
- Category
- Design & UI/UX
Recommended
More Design & UI/UX
huashu-designalchaincyf/huashu-design花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选（指定风格/品牌也不豁免），选定后才执行。触发词：做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不52.8Kskills.sh installs
ui-stylingnextlevelbuilder/ui-ux-pro-max-skillCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visu48.2Kskills.sh installs
firecrawl-website-design-clonefirecrawl/firecrawl-workflowsExtract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, l33.5Kskills.sh installs
mobile-android-designwshobson/agentsMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or follo26Kskills.sh installs
bmad-agent-ux-designerbmad-code-org/bmad-methodUX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.14.9Kskills.sh installs
plannotator-visual-explainerbacknotprop/plannotatorGenerate self-contained HTML visualizations with Plannotator theming. Use for implementation plans, PR explainers, architecture diagrams, data tables, slide dec13.9Kskills.sh installs