shadcn-baseui

What problem does it solve?

This skill prevents AI agents from using outdated Radix UI patterns (like asChild) when working with shadcn/ui components that are configured to use Base UI, ensuring correct and modern implementation.

Core Features & Use Cases

• Pattern Enforcement: Guides AI to use Base UI's render prop instead of Radix UI's asChild for trigger and wrapper components.
• Component-Specific Guidance: Provides correct prop usage for Accordion, Button, and Select components when integrated with Base UI.
• Use Case: When asking an AI to implement a modal using shadcn/ui, this skill ensures it uses DialogTrigger render={<Button />} instead of the incorrect DialogTrigger asChild.

Quick Start

Ensure the @base-ui/react package is installed and use the render prop for all trigger components.