emil-design-eng
Lets your agent create product interfaces with animations. It helps make the design more beautiful and interactive.
What it does
This tool helps create beautiful and well-functioning user interfaces, focusing on animations and details that make a product feel polished. It offers advice on how to make the design more refined and professional.
When to use it
- ✓When you want to improve the look and feel of an app or website.
- ✓When reviewing code to ensure animations and interactions feel smooth and natural.
- ✓When building parts of a website or app using technologies like React or CSS and want them to have a high-quality appearance.
Example of what to ask your AI
“How can I make the transition animation for this screen smoother and more professional?”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI analyzes your design or code and compares it against principles of high-quality animation and design. It suggests specific improvements to make interactions more pleasing and the overall look more polished.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add sickn33/agentic-awesome-skills --skill emil-design-engOr download just the file:
curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/emil-design-eng/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
Design Engineering
Detailed Guide
Read the detailed guide 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.
FAQ
What is 'UI polish'?
'UI polish' refers to the small details and refinements in a user interface that make it look more professional, pleasing, and easy to use, such as subtle animations and smooth transitions.
What are 'high-craft components'?
These are parts of a design (like buttons, menus) that are well-built, function perfectly, and have a visually appealing appearance consistent with the rest of the design.
Does this tool test if the design works on all devices?
No, this tool focuses on providing advice about design and animation quality. You still need to test how the design appears and functions on different devices and screen sizes.
Details
Original description by the author
Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.
Popularity
- GitHub stars
- 48k
- Ranking position
- #2916
- License
- MIT
- Updated
- 10/15/2026
Comments
- …
More skills from this repository
00-andruia-consultant
Helps your agent start or improve AI projects. It analyzes code, suggests tools, and creates action plans in Spanish.
sickn33/agentic-awesome-skills
007
Lets your agent perform security audits and threat modeling. It's useful for protecting projects against attacks and vulnerabilities.
sickn33/agentic-awesome-skills
10-andruia-skill-smith
Helps your agent create or improve AI tools. It defines how tools work, writes documentation, and validates the structure.
sickn33/agentic-awesome-skills
20-andruia-niche-intelligence
Lets your agent create a summary about a specific industry. It's useful for understanding the context, rules, usage patterns, and risks of a project, using reliable sources.
sickn33/agentic-awesome-skills
Similar skills
accessibility
Helps your agent create interfaces that everyone can use. Ensures websites and apps work well for people with disabilities, like those who are blind or have reduced mobility.
affaan-m/ECC
design-system
Helps your agent create a design system from existing code. It extracts visual information and checks for consistency, generating a report and an interactive preview.
affaan-m/ECC
liquid-glass-design
Helps your agent create iOS user interfaces with a 'Liquid Glass' effect. Allows adding dynamic and interactive visual effects in SwiftUI and UIKit.
affaan-m/ECC