Skills
.Work. You
Rest

react-tailwind-v4-components

Community

Build React UI faster with Tailwind v4 patterns.

Software Engineering#react#tailwind#shadcn-ui#cva#ui-components#className#radix
Authorfiatkongen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill standardizes the creation of React UI components styled with Tailwind v4, shadcn/ui, and Radix primitives by providing reusable patterns and guidance for className strings, cva variants, and CSS variables.

Core Features & Use Cases

  • Standardized component patterns for Tailwind v4, shadcn/ui, and Radix primitives.
  • Guidance for writing maintainable className strings, cva variants, and CSS variable usage.
  • Use Case: When launching a design system across a React project, reuse component templates to ensure accessibility and visual consistency.

Quick Start

Start by cloning the component templates included with this Skill and adapt them into your React project, wiring them to your Tailwind and design system configuration.

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: react-tailwind-v4-components
Download link: https://github.com/fiatkongen/saurun-marketplace/archive/main.zip#react-tailwind-v4-components

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.