skills.rest
praveenperera
praveenpereraCOMMUNITY
Explore all skills by this author →
Website𝕏@praveenpereraGitHub

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
One-click install
npx skills add https://github.com/praveenperera/dotfiles --skill shadcn-baseui-praveenperera
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
AbdullahMalik17AbdullahMalik17
9

styling-with-shadcn

Set up shadcn/ui components, forms, and dark mode in Next.js projects.

Community
Intermediate
Higashi-KotaHigashi-Kota

ui-component

Build accessible React UI components with design tokens and ARIA patterns.

Community
Advanced
cilangzzzcilangzzz
41

shadcn-ui

Integrate shadcn/ui components into React apps with the shadcn CLI.

Community
Advanced
seanmcquaidseanmcquaid
8

migrate-radix-to-base

Migrate React components from Radix UI to Base UI.

Community
Advanced