Skill UI

Outlines WCAG 2.2 accessibility patterns for web apps, covering semantic HTML, ARIA roles, keyboard navigation, form handling, and contrast checks to keep interfaces usable for assistive technologies.

Provides a comprehensive audit of a UI component or page to ensure WCAG 2.2 AA accessibility compliance. This tool systematically checks for critical issues like insufficient color contrast, poor keyboard navigability, missing alt text, and non-semantic HTML usage. It helps developers integrate robust accessibility checks directly into their design system workflow, improving product usability for all users.

A comprehensive guide to building highly accessible user interfaces using React and Next.js. Covers best practices for semantic HTML, proper ARIA attribute usage, managing form labels and error states, and ensuring full keyboard navigation support. Essential when developing any interactive component or form.

This skill provides expert capabilities for professional HTML development, emphasizing semantic markup, WCAG accessibility, and modern HTML5 standards. Use it to build structurally sound, accessible, and responsive web pages, incorporating complex forms, multimedia (SVG, Canvas), and adhering to industry best practices.