Implements accessible, theme-compliant UI components using design tokens, semantic HTML, and W3C APG patterns.
This skill provides a comprehensive methodology for building robust, reusable UI components in React. It focuses on modern best practices including design token integration for consistent theming, composition-based APIs for flexibility, and strict adherence to accessibility standards like WAI-ARIA and WCAG. By leveraging native web APIs such as the Popover API and the <dialog> element, it ensures high-performance, standards-compliant frontend development while adopting modern React 19 patterns.
