building-components

This Skill builds accessible UI components by enforcing ARIA attributes, keyboard navigation, and focus management by default. It uses a composable architecture to ensure components remain reusable and accessible across large applications.

The asChild pattern is a polymorphic rendering technique supported by this Skill for seamless design system integration. It passes component logic to child elements without adding extra DOM nodes, preserving semantic HTML structure.

You create composable components by structuring them into Root, Item, Trigger, and Content primitives. This Skill uses this architecture to simplify complex UIs, ensuring each part handles specific roles for easy assembly and reuse.

Yes, you can use data-slot attributes with design tokens to scale components across projects. This Skill supports token integration and theming, allowing seamless styling and consistent component reuse within large design systems.

The best way to scale design-system primitives is using a composable model with enforced accessibility and token integration. This Skill leverages advanced patterns like asChild and data-slot to ensure seamless integration and reuse across large apps.

Yes, the composable component model supports documentation and testing practices. This Skill enforces accessibility by default and integrates with theming, providing a clear architecture that scales across projects and testing environments.