Skills
.Work. You
Rest

emil-design-engineering

Official

Polish accessible UI with engineering patterns.

Design & Creative#performance#accessibility#a11y#responsive#component-design#UI polish#design-engineering
Author0xHoneyJar
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill codifies Emil Kowalski's design engineering principles to help teams build polished, accessible web interfaces consistently, reducing usability gaps and visual regressions.

Core Features & Use Cases

  • Guidelines for Animations, UI polish, forms and accessibility to balance performance and delight
  • Component design patterns including composition, slots, and forwardRefs to improve maintainability
  • Practices for marketing pages, landing pages, and responsive UI across devices
  • Accessibility benchmarks such as keyboard navigation, aria labels, and prefers-reduced-motion

Quick Start

To apply these principles, audit a UI component against the Core Principles in this Skill and implement concrete improvements.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: emil-design-engineering
Download link: https://github.com/0xHoneyJar/rune/archive/main.zip#emil-design-engineering

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.