skills.rest
vercel-labs
vercel-labsOFFICIAL
Explore all skills by this author →
Website𝕏@vercelGitHub

emil-design-eng

Review UI components and animations against design engineering principles.

5.8k|755|Updated Dec 26, 2025
Search Tags:#design#ui#review#interaction#animation#cohesion#polish
One-click install
npx skills add https://github.com/vercel-labs/open-agents --skill emil-design-eng-vercel-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/vercel-labs/open-agents/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/vercel-labs/open-agents --skill emil-design-eng-vercel-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a structured philosophy and practical guidelines to help teams achieve polished, cohesive user interfaces by codifying design engineering principles and best practices.

Core Features & Use Cases

  • Establishes a shared design language through core philosophies like unseen details, beauty as leverage, and cohesive motion.
  • Provides concrete review formats (Review Format table) and principles (Buttons, transform, popovers, etc.) to guide UI code reviews and implementation.
  • Serves as a reference to improve design decisions in UI components, animation decisions, and interaction polish across products.

Quick Start

Review a UI component against the design principles and produce a cohesive feedback report.

Frequently Asked Questions about emil-design-eng

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review UI components for design polish and cohesion?▼

Review UI components for design polish by evaluating interaction details and motion quality against established principles, producing a structured markdown table feedback report to guide cohesive interface implementation.

What is design engineering for UI polish?▼

Design engineering for UI polish is a structured philosophy codifying best practices for unseen details, cohesive motion, and beauty to help teams craft cohesive user interfaces.

How do I create an animation framework for UI interactions?▼

Create an animation framework for UI interactions by applying design principles centered on motion quality and cohesive experience, ensuring transitions satisfy accessibility and performance requirements.

What's the best way to structure a UI code review for buttons and popovers?▼

The best way to structure a UI code review for buttons and popovers is using a reproducible review format table that checks implementation against design engineering principles and best-practice checklists.

Does UI design review guidance cover accessibility and performance?▼

Yes, UI design review guidance covers accessibility and performance by emphasizing structured evaluation of interaction details and animation frameworks within reproducible review formats.

Related Skills

Explore More Design & Creative Skills→
limzivectorlimzivector

plan-design-review

Review UI/UX design plans with structured dimension ratings and interactive feedback.

Community
Advanced
supersterlingsupersterling
1

design-engineering

Guides frontend developers to implement polished, accessible UI components with defined constraints and a review checklist.

Community
Advanced
tomerkedemtomerkedem

emil-design-eng

Apply Emil Kowalski's design engineering principles to UI reviews and animation decisions.

Community
Advanced
KrismithReddy12KrismithReddy12

design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced