shadcn-ui

Overview

Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.

Key Features

• Comprehensive guide for building production UIs with shadcn/ui, Tailwind CSS, react-hook-form, and zod.
• Core concepts, installation, and component categories.
• Form patterns with react-hook-form and zod.
• Rich content on click (color pickers, date pickers).

How It Works

This skill provides a comprehensive guide for building production UIs with shadcn/ui, Tailwind CSS, react-hook-form, and zod. It covers core concepts, installation, and component categories, as well as form patterns with react-hook-form and zod.

Use Cases

• Building production UIs with shadcn/ui components.
• Using Tailwind CSS layouts.
• Creating form patterns with react-hook-form and zod.
• Implementing theming, dark mode, and sidebar layouts.
• Using mobile navigation and shadcn components.