Skip to content
Back to skills

Emil Design Eng

ASecurity

Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.

  • 4 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added November 11, 2026
ai-agentsgoreacttestingfrontend

Works with

  • cursor

Security analysis

A100/100

Pro scans all 2 files and shows the line behind each finding

Scanned November 11, 2026

npx -y skills add ibrdot/swe-re-expert --skill emil-design-eng --agent claude-code

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.

Security grade badge for Emil Design Eng
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/ibrdot-emil-design-eng/badge)](https://www.skillsdirectory.com/skills/ibrdot-emil-design-eng)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: emil-design-eng
description: "Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance."
category: frontend
risk: safe
source: community
source_type: community
date_added: "2026-06-25"
license: MIT
tags: [frontend, design, ui, animation, motion]
tools: [claude, cursor, codex, antigravity]
---

# 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.

Files in this skill

  • SKILL.md1.6 KB
  • references/detailed-guide.md26.7 KB

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

View all in ai-agents →

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.