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

•

Herramientas de Diseño

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

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.

Características Principales

01Distinctive visual design direction including typography, color, and motion.

02Mobile-first responsive layouts using modern Flexbox and Grid techniques.

03Semantic HTML5 landmark and heading hierarchy optimization.

0410 GitHub stars

05Performance-optimized CSS architecture and asset delivery strategies.

06Strict WCAG 2.1 AA accessibility compliance and keyboard-only navigation.

Casos de Uso

01Refactoring legacy CSS into modern, maintainable architectures like BEM or Utility-first.

02Building accessible and responsive landing pages from scratch with custom aesthetics.

03Auditing existing web applications for accessibility barriers and semantic HTML errors.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jorijn/meshcore-stats frontend-expert

For use in Claude.ai and ChatGPT

Download Skill