Installs into .claude/skills of the current project.
Are you the author of Emil Design Eng?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/ranbot-ai-emil-design-eng)
---
name: emil-design-eng
description: Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.
category: Creative & Media
source: antigravity
tags: [react, claude, ai, design, tailwind]
url: https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/emil-design-eng
---
# Design Engineering
## Detailed Guide
Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.
## When to Use
- Use when the user asks for UI polish, product design critique, animation direction, or high-craft component decisions.
- Use when reviewing frontend code for motion quality, easing, duration, physicality, interaction feedback, or subtle interface details.
- Use when building or refining React, Tailwind, CSS, or Framer Motion interfaces where taste and perceived quality matter.
## Limitations
- This skill provides design engineering judgment; it does not replace project-specific product requirements, accessibility testing, or real-device motion review.
- Verify framework versions, installed dependencies, and rendered behavior before treating animation or UI recommendations as production-ready.
- Do not apply these rules mechanically when an existing brand system, platform convention, or user requirement calls for a different interaction language.
