Skip to content
Development
Skill

/config

Configuration options for daisyUI 5

From plugin
daisyui
42k5 skills
Install
$ npx -y skills add saadeghi/daisyui --skill config --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/config

Context preview

The summary Claude sees to decide when to auto-load this skill.

Configuration options for daisyUI 5

SKILL.md

config.SKILL.md
name: daisyui-config
description: Configuration options for daisyUI 5

Config

daisyUI 5 config docs: https://daisyui.com/docs/config/

daisyUI without config:

@plugin "daisyui";

daisyUI config with `light` theme only:

@plugin "daisyui" {
  themes: light --default;
}

daisyUI with all the default configs:

@plugin "daisyui" {
  themes: light --default, dark --prefersdark;
  root: ":root";
  include: ;
  exclude: ;
  prefix: ;
  logs: true;
}

An example config: In below config, all the built-in themes are enabled while bumblebee is the default theme and synthwave is the prefersdark theme (default dark mode) All the other themes are enabled and can be used by adding `data-theme="THEME_NAME"` to the `<html>` element root scrollbar gutter is excluded. `daisy-` prefix is used for all daisyUI classes and console.log is disabled

@plugin "daisyui" {
  themes: light, dark, cupcake, bumblebee --default, emerald, corporate, synthwave --prefersdark, retro, cyberpunk, valentine, halloween, garden, forest, aqua, lofi, pastel, fantasy, wireframe, black, luxury, dracula, cmyk, autumn, business, acid, lemonade, night, coffee, winter, dim, nord, sunset, caramellatte, abyss, silk;
  root: ":root";
  include: ;
  exclude: rootscrollgutter, checkbox;
  prefix: daisy-;
  logs: false;
}
Ships withdaisyui

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

Get the whole plugin
Stats
42,020
Stars
1,673
Forks
Active
Maintenance
JavaScript
Language
MIT
License
4h ago
Last commit
5y ago
Created

Repo: saadeghi/daisyui