daisyui
Installation
SKILL.md
daisyUI
daisyUI is a Tailwind CSS plugin that adds semantic component class names (btn, card, modal, navbar, ...) styled via CSS variables and swappable themes. This is a fundamentally different approach from shadcn/ui (unstyled Radix primitives copy-pasted into components/ui/ and styled with raw utility classes) — the two are usually not combined in the same project.
Decision Point — Check Before Applying
Before writing any daisyUI class or adding the plugin, determine which component approach the project already uses:
# daisyUI signals
grep -r '@plugin "daisyui"' --include='*.css' .
grep '"daisyui"' package.json
grep -r 'data-theme' --include='*.tsx' --include='*.html' -l .
# shadcn/ui signals
test -f components.json && cat components.json
grep '"@radix-ui' package.json