skills.rest
rmethodm
rmethodmCOMMUNITY
Explore all skills by this author →
GitHub

daisyui-config

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

Updated May 26, 2026
Search Tags:#configuration#tailwind css#themes#dark mode#daisyui#prefix#css plugin
One-click install
npx skills add https://github.com/rmethodm/resumegen --skill daisyui-config-rmethodm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daisyui-config
Source: https://github.com/rmethodm/resumegen/tree/main/.agents/skills/daisyui/config
Command: npx skills add https://github.com/rmethodm/resumegen --skill daisyui-config-rmethodm

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 silently breaks styling or loads unwanted themes. ## Core Features & Use Cases - Theme Configuration: Enable specific built-in themes and designate default and prefers-dark themes using the --default and --prefersdark flags. - Class Prefixing and Exclusions: Apply a custom prefix like daisy- to all daisyUI classes and exclude specific components such as rootscrollgutter or checkbox. - Use Case: When adding daisyUI 5 to a Tailwind CSS project, use this Skill to generate a correct @plugin "daisyui" config block that enables only the themes you need with a custom prefix and logging disabled. ## Quick Start Configure daisyUI 5 in my CSS with the light theme as default, dark as the prefers-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?▼

Configure daisyUI 5 themes inside the @plugin "daisyui" block using the themes option. List theme names separated by commas, and append --default to set the default theme or --prefersdark for the dark-mode theme.

How to add a prefix to daisyUI classes?▼

Add a prefix by setting the prefix option inside the @plugin "daisyui" config block, for example prefix: daisy-. All daisyUI classes then require that prefix, which avoids collisions with other utility classes.

Can I use daisyUI 5 without any configuration?▼

Yes, daisyUI 5 works without config by writing @plugin "daisyui"; alone in your CSS. This loads the default setup with all standard behavior and no custom themes, prefix, or exclusions.

How do I set a dark mode theme in daisyUI 5?▼

Set a dark mode theme by appending --prefersdark to a theme name in the themes list, such as synthwave --prefersdark. That theme activates automatically when the user's system prefers dark mode.

How do I exclude specific daisyUI components?▼

Exclude components by listing them in the exclude option of the @plugin config, for example exclude: rootscrollgutter, checkbox. Excluded component styles are not injected into your CSS output.

Related Skills

Explore More Software Engineering Skills→
pedroaalpedroaal

daisyui

Provide DaisyUI components for Tailwind CSS in frontend projects.

Community
Intermediate
aster-voidaster-void

daisyui

Apply DaisyUI semantic components and themes within Tailwind projects.

Community
Basic
koralliskorallis
90

tailwind-design-system

Generate Tailwind CSS design systems with custom themes and design tokens.

Community
Intermediate
zerobearing2zerobearing2
41

rails-ai:styling

Style Rails views with Tailwind CSS utilities and DaisyUI components.

Community
Intermediate