Skills
.Work. You
Rest

Tailwind v4 + shadcn/ui

Community

Tailwind v4 + shadcn/ui setup for React.

Software Engineering#theming#react#shadcn/ui#tailwind#dark-mode#ui-patterns
Authorkursattkorkmazzz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tailwind v4 + shadcn/ui setup provides a unified starting point for theming, component composition, and accessible UI across React projects, with CSS variable architecture enabling consistent dark mode.

Core Features & Use Cases

  • Theming via CSS variables and @theme inline for consistent dark mode across apps
  • Component composition using shadcn/ui primitives and Radix UI for accessibility
  • React Hook Form integration for accessible, validated forms
  • Use cases: starting new React apps, migrating from v3, enhancing accessibility

Quick Start

Install Tailwind v4, shadcn/ui, and a minimal config; map CSS variables with @theme inline; wrap the app with a ThemeProvider to enable dark mode and theme switching.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Tailwind v4 + shadcn/ui
Download link: https://github.com/kursattkorkmazzz/airsoft-game-manager-vibe/archive/main.zip#tailwind-v4-shadcn-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.