Summary
Gets you set up with Tailwind v4 and shadcn/ui using the new CSS variables and @theme inline pattern instead of the old config file approach. It's production tested on WordPress Auditor, so you're not dealing with experimental syntax. You'd reach for this when starting a new project or migrating from v3, especially if you're hitting those annoying @apply breaks or tw-animate-css errors after upgrading. The installation order matters here: dependencies first, then shadcn init. Pairs well with the tailwind-theme-builder skill from the same author if you need to set up your design tokens properly. Worth noting this handles the Vite plugin setup too, which saves you from the usual configuration headaches.
Install to Claude Code
npx -y skills add jezweb/claude-skills --skill tailwind-v4-shadcn --agent claude-codeInstalls into .claude/skills of the current project.
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Categories
