skills.rest
Ocyss
OcyssCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

daisyui-config

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

Updated Sep 13, 2026
Search Tags:#frontend#tailwind css#themes#plugin configuration#daisyui#css config
One-click install
npx skills add https://github.com/Ocyss/srs-auth --skill daisyui-config-ocyss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daisyui-config
Source: https://github.com/Ocyss/srs-auth/tree/main/.agents/skills/daisyui/config
Command: npx skills add https://github.com/Ocyss/srs-auth --skill daisyui-config-ocyss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up daisyUI 5 requires knowing the exact CSS plugin configuration syntax for themes, prefixes, and exclusions, which is easy to get wrong without a reference. ## 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: When building a Tailwind CSS v4 project with daisyUI 5, you need bumblebee as the default theme, synthwave for dark mode, and a daisy- prefix on all classes—this Skill provides the exact config block to paste into your CSS. ## Quick Start Ask the AI to generate a daisyUI 5 config with your chosen default theme, dark mode theme, and class prefix.

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 from the build?▼

Yes, use the exclude option in the config block with comma-separated component names, such as exclude: rootscrollgutter, checkbox. You can also use include to limit which parts are loaded.

Does daisyUI 5 work without any configuration?▼

Yes, adding @plugin "daisyui"; alone enables daisyUI with default settings. Configuration is 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→
kellyclaudeaikellyclaudeai

Tailwind v4 Design Tokens Skill

Configure Tailwind CSS v4 with semantic design tokens for Vite and PostCSS projects.

Community
Intermediate
aster-voidaster-void

daisyui

Apply DaisyUI semantic components and themes within Tailwind projects.

Community
Basic
natelandaunatelandau

daisyui

Build user interfaces with daisyUI v5 components, forms, and Tailwind CSS theming.

Community
Intermediate
chronista-clubchronista-club
2

mcp-builder

Develop MCP servers in Python, TypeScript, and Rust with validated tools.

Official
Advanced