tailwind-v4-shadcn

12

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.Use when: initializing React projects with Tailwind v4, setting up shadcn/ui,implementing dark mode, debugging CSS variable issues, fixing theme switching,migrating from Tailwind v3, or encountering color/theming problems.Covers: @theme inline pattern, CSS variable architecture, dark mode withThemeProvider, component composition, vite.config setup, common v4 gotchas,and production-tested patterns.Keywords: Tailwind v4...

Also in: javascript

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install jackspace/ClaudeSkillz/tailwind-v4-shadcn
skilz install jackspace/ClaudeSkillz/tailwind-v4-shadcn --agent opencode
skilz install jackspace/ClaudeSkillz/tailwind-v4-shadcn --agent codex
skilz install jackspace/ClaudeSkillz/tailwind-v4-shadcn --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/jackspace/ClaudeSkillz
2. Copy the agent skill directory:
cp -r ClaudeSkillz/skills/tailwind-v4-shadcn ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
ClaudeSkillz
Type
Technical
Meta-Domain
productivity
Primary Domain
json
Market Score
12

Report Security Issue

Found a security vulnerability in this agent skill?