What problem does it solve? Styling UI components with daisyUI 5 requires knowing which component, part, and modifier classes to combine, and when to fall back to Tailwind CSS utilities. This Skill provides the authoritative usage rules so generated markup follows daisyUI 5 conventions instead of ad-hoc custom CSS. ## Core Features & Use Cases - Class Selection Rules: Enforces correct use of daisyUI component, part, style, color, size, and modifier classes, with Tailwind utilities as the fallback for gaps. - Specificity and Override Guidance: Shows how to resolve CSS specificity conflicts using the ! suffix on Tailwind utilities and how to restyle components globally with the @utility directive. - Theme and Base Module Control: Covers semantic color tokens, radius utilities like rounded-box, and including or excluding daisyUI base modules such as rootscrollgutter in plugin configuration. - Use Case: When building a Svelte or React page, ask the AI to style a card, button group, or navbar, and it will produce markup using current daisyUI 5 class names with responsive Tailwind prefixes instead of writing custom CSS. ## Quick Start Style this HTML page using daisyUI 5 component classes and Tailwind CSS utilities following the daisyUI usage rules.
