Design Engineer's Eye
A design engineer's critique of your UI, with the fix for each note.
What it does
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Install in under a minute
Mac or Linux, after you download
unzip design-engineers-eye.zip -d ~/.claude/skills/Windows PowerShell
Expand-Archive design-engineers-eye.zip -DestinationPath $HOME\.claude\skills- Start a new Claude Code session so it sees the skill.
- Ask in plain words, for example: "Use Design Engineer's Eye on this project."
- Unzip the download, then zip just the design-engineers-eye folder if your computer added an extra folder.
- In Claude.ai, open Settings, then Capabilities, and upload it under Skills.
- Turn the skill on and ask Claude to use it.
Design Engineer's Eye uses the open SKILL.md format, so it also works in agents like Cursor, Gemini CLI, GitHub Copilot and Codex. Copy the design-engineers-eye folder into that agent's skills folder, for example .cursor/skills/ or .github/skills/ in your project.
What's inside
The 15 main sections of the SKILL.md, in order.
- Initial Response
- Core Philosophy
- Review Format (Required)
- The Animation Decision Framework
- Spring Animations
- Component Building Principles
- CSS Transform Mastery
- clip-path for Animation
- Gesture and Drag Interactions
- Performance Rules
- Accessibility
- The Sonner Principles
- Stagger Animations
- Debugging Animations
- Review Checklist
In the download: LICENSE, NOTICE.md, SKILL.md
Credit and license
Design Engineer's Eye is a renamed, packaged copy of emil-design-eng by Emil Kowalski (github.com/emilkowalski/skills), used under the MIT license. The license and a list of changes ship inside the download.
Questions
Does Design Engineer's Eye work in Claude.ai, not just Claude Code?
Yes. In Claude.ai, upload the design-engineers-eye folder as a zip in Settings under Capabilities. It also works in other agents that support Agent Skills, like Cursor, Gemini CLI and GitHub Copilot.
What do I get?
A zip with the design-engineers-eye folder: its SKILL.md (4,336 words) and its license files. One payment, instant download.
Who made Design Engineer's Eye?
It's a renamed, packaged copy of emil-design-eng by Emil Kowalski, used under the MIT license. The license and a list of changes ship inside the download.