emil-design-engineering

Apply design engineering principles to UI components and accessibility reviews.

Updated Oct 27, 2025

Search Tags:#typography #design #accessibility #a11y #UI #patterns #animations

Ready to run

npx skills add https://github.com/SomtoUgeh/dotfiles --skill emil-design-engineering

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: emil-design-engineering
Source: https://github.com/SomtoUgeh/dotfiles/tree/main/claude/skills/emil-design-engineering
Command: npx skills add https://github.com/SomtoUgeh/dotfiles --skill emil-design-engineering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a repeatable design engineering framework to help teams deliver polished, accessible web interfaces without reinventing the wheel.

Core Features & Use Cases

Clear design principles that cover UI components, forms, interactions, accessibility, and performance.
Pattern-driven guidance for typography, motion, layout, and keyboard navigation across product and marketing pages.
Real-world scenarios include building a new form, improving an existing component, reviewing a design system, and validating accessibility.

Quick Start

Provide a UI scenario and ask the AI to apply Emil Kowalski's design engineering principles to produce a concise set of guidelines and a checklist.

Frequently Asked Questions about emil-design-engineering

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

FAQPage Schema

How do I apply accessible UI patterns to web form components?▼

To apply accessible UI patterns to web forms, this skill provides codified design principles and practical checklists covering keyboard navigation, layout, and typography to ensure components meet a11y standards.

What are the best design engineering principles for polishing UI components?▼

The best design engineering principles for polishing UI components include pattern-driven guidance for typography, motion, and layout, alongside concrete accessibility reviews and prefers-reduced-motion examples.

How does prefers-reduced-motion affect UI animations and interactions?▼

Prefers-reduced-motion affects UI animations by requiring design patterns that adjust or disable motion to improve accessibility, which this skill addresses through concrete checklists and interaction guidelines.

Can I use these accessibility guidelines for both product and marketing pages?▼

Yes, you can use these accessibility guidelines for both product and marketing pages, as the skill provides a repeatable design engineering framework that applies across docs and product interface contexts.

When do I need an accessibility review for my interface design?▼

You need an accessibility review for your interface design when building new forms, improving existing components, or validating keyboard navigation to ensure your UI patterns meet a11y requirements.

Does this skill provide concrete examples for typography and motion patterns?▼

Yes, this skill provides concrete examples and decision flows for typography and motion patterns, delivering practical guidance to help teams build polished interfaces without reinventing the wheel.