A11y

A comprehensive accessibility compliance skill that provides WCAG 2.2 guidelines, ARIA patterns, keyboard navigation implementations, and screen reader optimization techniques. It includes ready-to-use code examples for accessible React components including buttons, dialogs, forms, and focus management utilities.

This skill provides comprehensive accessibility guidelines for fixing UI issues. It offers a structured checklist covering accessible names, keyboard access, focus management, semantics, forms, announcements, contrast, and media. Use it to review files against WCAG standards and get targeted fix suggestions.

A UI verification skill that provides accessibility checklists for catching visibility issues, broken layouts, and contrast problems. It includes pre-flight checks for buttons, touch targets, states, dark mode, and responsive design, along with safe Tailwind color combinations and common fix examples.