Does this skill support accessibility audits?

Yes, it identifies and fixes accessibility issues, ensuring compliance with WCAG 2.1 AA standards, including keyboard focus, ARIA usage, and color contrast.

How does it handle responsive design?

It employs a mobile-first approach, using CSS Flexbox and Grid to ensure layouts are fluid and readable across all screen sizes and zoom levels.

Can I use this for specific design styles?

Absolutely. The skill provides guidance on various aesthetics like minimalist, maximalist, and brutalist to ensure a bold and intentional visual identity.

Will it help with semantic HTML?

Yes, it prioritizes native HTML5 landmark elements and logical heading structures over generic containers to improve SEO and screen reader compatibility.

Frontend Expert UI/UX

Name: Frontend Expert UI/UX
Author: jorijn

byjorijn

•

Design Tools

Builds and reviews production-grade frontend interfaces with a focus on accessibility, semantic structure, and distinctive visual design.

About

The Frontend Expert skill empowers Claude to act as a senior UI/UX engineer, delivering web components and pages that are both visually striking and technically sound. It enforces strict WCAG 2.1 AA accessibility standards and semantic HTML5 structures while pushing creative boundaries with bold, intentional design directions. Whether you are building from scratch or auditing an existing site for responsiveness and performance, this skill ensures your frontend code follows modern CSS architecture, performance best practices, and meaningful information architecture.

Key Features

Distinctive visual design direction including typography, color, and motion.
Mobile-first responsive layouts using modern Flexbox and Grid techniques.
Semantic HTML5 landmark and heading hierarchy optimization.
10 GitHub stars
Performance-optimized CSS architecture and asset delivery strategies.
Strict WCAG 2.1 AA accessibility compliance and keyboard-only navigation.

Use Cases

Refactoring legacy CSS into modern, maintainable architectures like BEM or Utility-first.
Building accessible and responsive landing pages from scratch with custom aesthetics.
Auditing existing web applications for accessibility barriers and semantic HTML errors.

About

Key Features

Distinctive visual design direction including typography, color, and motion.
Mobile-first responsive layouts using modern Flexbox and Grid techniques.
Semantic HTML5 landmark and heading hierarchy optimization.
10 GitHub stars
Performance-optimized CSS architecture and asset delivery strategies.
Strict WCAG 2.1 AA accessibility compliance and keyboard-only navigation.

Use Cases

Refactoring legacy CSS into modern, maintainable architectures like BEM or Utility-first.
Building accessible and responsive landing pages from scratch with custom aesthetics.
Auditing existing web applications for accessibility barriers and semantic HTML errors.