Skills
.Work. You
Rest

frontend-ux-engineering

Community

Fix UI, UX, and accessibility issues fast.

Design & Creative#performance#accessibility#responsive design#core web vitals#component architecture#form validation#frontend ux
Authorkorwlik23
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It resolves frontend UI breakage and UX regressions by improving layout correctness, accessibility, state handling, and performance so the application feels reliable across devices.

Core Features & Use Cases

  • Responsive, layout-safe fixes: identifies viewport-specific issues, prevents overflow/overlap, and validates breakpoints.
  • Accessibility and UX hardening: enforces semantic HTML, keyboard navigation, focus management, contrast, and proper error announcements.
  • Production-grade UI states: ensures loading, empty, error, disabled, and permission-denied states are handled with clear user feedback.
  • Performance and Core Web Vitals mindset: targets LCP/INP/CLS principles via image optimization, bundle discipline, and reduced layout shift.

Quick Start

Use the skill to review and repair the UI when you see a broken layout on mobile, missing accessibility labels, or inconsistent interactive behavior.

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: frontend-ux-engineering
Download link: https://github.com/korwlik23/skills/archive/main.zip#frontend-ux-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 471,000+ vetted skills library on demand.