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.

This skill covers practical accessibility patterns for React and Next.js development. It includes semantic HTML usage, proper ARIA attributes implementation, form labeling, keyboard navigation, and focus management. Use this when building interactive components like forms, modals, and dropdowns, or when fixing accessibility lint errors and ensuring screen reader compatibility.

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.

This expert skill enables professional HTML development focusing on semantic markup, accessibility, and HTML5 standards. It assists in building web pages, forms, and interactive content while ensuring responsive design patterns and compliance with modern web standards. Ideal for creating accessible, standards-compliant web structures and troubleshooting validation issues.

This skill helps audit and fix HTML accessibility issues such as ARIA labels, keyboard navigation, focus management, color contrast, and form errors. It is used when adding interactive controls, forms, dialogs, or reviewing WCAG compliance. It ensures web content is usable by people with disabilities by following best practices for accessible design and semantic HTML.

Implement WCAG 2.2 compliant interfaces ensuring mobile accessibility and inclusive design patterns. This skill covers auditing accessibility, implementing ARIA patterns, building for screen readers, and ensuring inclusive user experiences. It involves semantic HTML, keyboard navigation, focus management, and supporting assistive technologies like VoiceOver and TalkBack.