building-components

Building accessible UI components requires implementing ARIA attributes, full keyboard navigation, and strict WCAG compliance. This skill provides structured patterns to ensure your primitives and templates meet modern accessibility standards throughout the development lifecycle.

Composable API design for frontend UI components involves creating flexible, reusable building blocks that can be combined predictably. This skill covers specific patterns to structure your component architecture from basic primitives up to complex blocks and templates.

Managing design tokens for UI components involves defining visual primitive values that scale across your interface. This skill outlines a structured approach to consume design tokens effectively, bridging the gap between design foundations and frontend implementation.

Publishing UI components to npm requires preparing your package for an external registry. This skill provides distribution strategies and best practices to move your composable elements from local development to a published, documented npm package.

Frontend development benefits from a structured component lifecycle spanning primitives, components, blocks, and templates. This skill guides you through this specific hierarchy to ensure your UI architecture remains scalable and maintainable.

Composable UI component architecture lacks reusability when API patterns are too rigid or accessibility is an afterthought. This skill addresses these specific pitfalls by integrating WCAG compliance and flexible composable API design directly into your component lifecycle.