Tailwind CSS v4 with shadcn/ui — setup, configuration, component patterns, dark mode, and troubleshooting. Use when setting up Tailwind v4, building UI components, fixing Tailwind errors, migrating from v3, or styling with utility classes.
Quickly install tailwind AI skill to your development environment via command line
Source: hjewkes/agent-skills.
Combined from jezweb/claude-skills (tailwind-v4-shadcn + tailwind-patterns). Production-tested.
Use @tailwindcss/vite plugin (NOT PostCSS). Set "config": "" in components.json.
Skip any step and the theme breaks. See references/setup.md for full details.
Tailwind CSS v4 with shadcn/ui — setup, configuration, component patterns, dark mode, and troubleshooting. Use when setting up Tailwind v4, building UI components, fixing Tailwind errors, migrating from v3, or styling with utility classes. Source: hjewkes/agent-skills.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/hjewkes/agent-skills --skill tailwindTailwind CSS v4 with shadcn/ui — setup, configuration, component patterns, dark mode, and troubleshooting. Use when setting up Tailwind v4, building UI components, fixing Tailwind errors, migrating from v3, or styling with utility classes. Source: hjewkes/agent-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/hjewkes/agent-skills --skill tailwind Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/hjewkes/agent-skills