shadcn-baseui

Catalog shadcn/ui/Base UI components and Radix-to-Base UI migration guides for React projects.

4|1|Updated Apr 19, 2016

Search Tags:#react #cli #migration #patterns #shadcn #ui-components #base-ui

Ready to run

npx skills add https://github.com/praveenperera/dotfiles --skill shadcn-baseui-praveenperera

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: shadcn-baseui
Source: https://github.com/praveenperera/dotfiles/tree/main/claude/skills/shadcn-baseui
Command: npx skills add https://github.com/praveenperera/dotfiles --skill shadcn-baseui-praveenperera

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Catalogs and guides teams in using shadcn/ui with Base UI for React projects.

Core Features & Use Cases

Catalogs shadcn/ui/Base UI components
CLI commands for create/init/add/list/search/migrate
Migration guidance Radix -> Base UI
Import patterns and Base UI core patterns
References and documentation from repository

Quick Start

Use the shadcn-baseui skill to explore and adopt Base UI components in your React project.

Frequently Asked Questions about shadcn-baseui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I migrate Radix UI components to Base UI in a React project?▼

This skill catalogs Radix to Base UI migration guides and CLI commands, identifying existing components and documenting the import patterns and structural changes needed to transition your React project.

What CLI commands are available for adding shadcn/ui components with Base UI?▼

The CLI supports create, init, add, list, search, and migrate commands to handle project initialization, component addition, and Base UI pattern cataloging for consistent React integration.

Does shadcn/ui work with Base UI for React projects?▼

shadcn/ui works with Base UI by cataloging components and import patterns, enabling consistent adoption through documented tooling requirements and repository references for React projects.

What are the Base UI core patterns for React component imports?▼

Base UI core patterns consist of documented import patterns and component structures that ensure consistent adoption and integration when initializing projects or adding components via the CLI.

When should I use the migrate command for shadcn/ui Base UI components?▼

Use the migrate command when transitioning Radix UI implementations to Base UI, as it identifies tooling requirements, documents structural changes, and applies workflows for consistent adoption across React projects.