Skills
.Work. You
Rest

Tailwind v4 + shadcn/ui

Official

Seed Tailwind v4 + shadcn/ui theming.

Software Engineering#theming#architecture#tailwind#dark-mode#css-variables#ui-patterns
Authorblockmatic
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The setup provides a cohesive pattern for Tailwind v4 + shadcn/ui theming, enabling consistent CSS variable usage, dark mode handling, and ready-made templates.

Core Features & Use Cases

  • CSS variable-based theming with @theme inline mapping to generate utilities
  • Dark mode support via root and .dark overrides with semantic tokens
  • Reusable patterns for component composition, accessibility, and React Hook Form integration
  • Works across Vite/Next.js templates with templated guidance and references

Quick Start

Initialize a React project with Vite and apply the Tailwind v4 + shadcn/ui pattern using the provided templates and references.

Dependency Matrix

Required Modules

None required

Components

references

💻 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/blockmatic/basilic/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 223,000+ vetted skills library on demand.