tailwind-v4-shadcn
| Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step mandatory pattern: define CSS variables at root, map to Tailwind utilities, apply base styles, get automatic dark mode. Use when: initializing React projects with Tailwind v4, setting up shadcn/ui dark mode, or fixing colors not working, theme not applying, CSS variables broken, tw-animate-css errors, or migrating from v3.
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 jezweb/claude-skills/tailwind-v4-shadcnskilz install jezweb/claude-skills/tailwind-v4-shadcn --agent opencodeskilz install jezweb/claude-skills/tailwind-v4-shadcn --agent codexskilz install jezweb/claude-skills/tailwind-v4-shadcn --agent geminiFirst time? Install Skilz: pip install skilz
Works with 22+ AI coding assistants
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/jezweb/claude-skillscp -r claude-skills/skills/tailwind-v4-shadcn ~/.claude/skills/Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
design-doc-mermaid
by SpillwaveSolutions
Create Mermaid diagrams (activity, deployment, sequence, architecture) from text descriptions or source code. Use when asked to "create a diagram",...
article-extractor
by I-Onlabs
Extract clean article content from URLs (blog posts, articles, tutorials) and save as readable text. Use when user wants to download, extract, or s...
nextjs
by jezweb
| Build Next.js 16 apps with App Router, Server Components/Actions, Cache Components ("use cache"), and async route params. Includes proxy.ts (repl...
cc-trace
by alexfazio
Interactive assistant for intercepting, debugging, analyzing and reviewing Claude Code API requests using mitmproxy. Guides setup, certificate conf...
Agentic Skill Details
- Repository
- claude-skills
- Type
- Non-Technical
- Meta-Domain
- general
- Primary Domain
- general
- Sub-Domain
- javascript react code
- Market Score
- 35
Browse Category
More general Agentic SkillsReport Security Issue
Found a security vulnerability in this agent skill?
Report Security Issue
Thank you for helping keep SkillzWave secure. We'll review your report and take appropriate action.
Note: For critical security issues that require immediate attention, please also email security@skillzwave.ai directly.