frontend-engineering

To make UI components accessible and meet WCAG 2.1 standards, ensure interactive elements are keyboard operable and images have alt text. This skill provides guidelines to enforce these accessibility requirements during frontend development and PR reviews.

Optimize frontend performance for Core Web Vitals by addressing LCP, FID, INP, CLS, and lazy loading assets. This skill provides performance optimization guidelines to ensure your UI components meet Core Web Vitals goals.

Prevent horizontal scrolling in responsive design by ensuring UI components adapt correctly to various screen sizes. This skill provides responsive design guidelines to verify your UI components work across different viewport widths.

The best way to separate server and client state in UI development is to enforce clear boundaries and properly handle loading, error, and empty states. This skill provides state management guidelines to structure your frontend state.

Yes, you need HTML, CSS, and JavaScript knowledge to review frontend PRs using this skill. It applies to all frontend development workflows and requires this foundational knowledge to evaluate accessibility, performance, and responsive design.

Your UI component fails keyboard operability checks when interactive elements lack proper focus management or ARIA attributes. This skill enforces WCAG 2.1 accessibility guidelines to ensure all interactive elements are fully keyboard operable.