daisyui-config

Name: daisyui-config
Availability: InStock
Author: IgorAIvanov

Configure daisyUI 5 plugin options including themes, prefixes, and exclusions in CSS.

1|Updated Jun 25, 2026

Search Tags:#configuration #tailwind css #themes #dark mode #daisyui #prefix #css plugin

Ready to run

npx skills add https://github.com/IgorAIvanov/altera03 --skill daisyui-config-igoraivanov

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: daisyui-config
Source: https://github.com/IgorAIvanov/altera03/tree/main/skills/src/daisyui/config
Command: npx skills add https://github.com/IgorAIvanov/altera03 --skill daisyui-config-igoraivanov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up daisyUI 5 requires knowing the exact plugin configuration syntax for themes, prefixes, and exclusions, and getting it wrong leads to missing themes or broken class names. ## Core Features & Use Cases - Theme Configuration: Enable specific built-in themes and designate default and prefers-dark themes using the @plugin directive. - Class Prefixing and Exclusions: Apply a custom prefix to all daisyUI classes and exclude specific components like rootscrollgutter or checkbox. - Use Case: You are building a Tailwind CSS 4 project and want bumblebee as the default theme, synthwave for dark mode, and a daisy- prefix on all classes. This Skill provides the exact CSS config block to achieve that. ## Quick Start Configure daisyUI 5 with bumblebee as the default theme, synthwave as the dark theme, and a daisy- prefix on all classes.

Frequently Asked Questions about daisyui-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure daisyUI 5 themes in CSS?▼

Use the @plugin "daisyui" directive with a themes option listing theme names. Append --default to set the default theme and --prefersdark to set the dark mode theme, such as themes: light --default, dark --prefersdark.

How to add a prefix to daisyUI classes?▼

Set the prefix option inside the @plugin "daisyui" config block, for example prefix: daisy-. All daisyUI classes will then require that prefix in your markup.

Can I exclude specific daisyUI components?▼

Yes, use the exclude option in the config block with a comma-separated list, such as exclude: rootscrollgutter, checkbox. You can also use the include option to limit what gets loaded.

Does daisyUI 5 work without any config?▼

Yes, adding @plugin "daisyui"; alone enables daisyUI with default settings. Config options are only needed to customize themes, prefixes, exclusions, or logging.

How do I disable daisyUI console logs?▼

Set logs: false inside the @plugin "daisyui" config block. This suppresses the console.log output daisyUI produces during the build.