skills.rest
IgorAIvanov
IgorAIvanovCOMMUNITY
Explore all skills by this author →
GitHub

daisyui-config

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
One-click install
npx skills add https://github.com/IgorAIvanov/altera03 --skill daisyui-config-igoraivanov
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
OcyssOcyss

daisyui-install

Guides installation of daisyUI 5 with Tailwind CSS 4 across frameworks.

Community
Basic
aster-voidaster-void

daisyui

Apply DaisyUI semantic components and themes within Tailwind projects.

Community
Basic
haujuhauju
7

dioxus-docs-kit-theme

Create and apply custom DaisyUI themes for dioxus-docs-kit documentation sites.

Community
Intermediate
imgompandaimgompanda
139

fireauto-ui-guide

Guide frontend teams migrating from shadcn/ui to DaisyUI v5 with component mappings and color tokens.

Community
Intermediate