daisyUI is a library of ready-made interface components built for Tailwind CSS, a utility-based system for styling web pages. It helps web developers assemble consistent buttons, forms, navigation, and other UI elements. The catalogue entries provide add-ons for working with this component library.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add saadeghi/daisyui --skill colorsgit clone --depth 1 https://github.com/saadeghi/daisyuiWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/saadeghi/daisyui/colors)<a href="https://agentmods.dev/skills/saadeghi/daisyui/colors"><img src="https://agentmods.dev/badge/skills/saadeghi/daisyui/colors/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/saadeghi/daisyui/colors"><img src="https://agentmods.dev/badge/skills/saadeghi/daisyui/colors.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00018 | $0.01964 |
| Opus 5.5 | $0.00007 | $0.00786 |
| Sonnet 5.5 | $0.00004 | $0.00393 |
| Haiku 4.5 | $0.00002 | $0.00196 |
Grade A, and why
daisyui-colors scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
Copies of this mod
2 near-identical copies found in the catalogue:
- daisyui-colors — 100% identical, 0 lines differ
- daisyui-colors — 100% identical, 0 lines differ
How it starts
The opening of the file, as written. The whole thing — 147 lines — stays where its author put it; the contents beside it link to each section on GitHub.
daisyUI 5 colors
daisyUI color names
primary: The main brand color.primary-content: Foreground content color for use onprimary.secondary: An optional secondary brand color.secondary-content: Foreground content color for use onsecondary.accent: An optional accent brand color.accent-content: Foreground content color for use onaccent.neutral: A dark neutral color for UI areas that do not use saturated colors.neutral-content: Foreground content color for use onneutral.base-100: The page base-surface color for blank backgrounds.base-200: A darker base shade that gives elevation.base-300: A still darker base shade that gives more elevation.base-content: Foreground content color for use on a base color.info: Color for information and help messages.info-content: Foreground content color for use oninfo.success: Color for success and safe-state messages.success-content: Foreground content color for use onsuccess.warning: Color for warning and caution messages.warning-content: Foreground content color for use onwarning.error: Color for error, danger, and destructive-action messages.error-content: Foreground content color for use onerror.
daisyUI color rules
- daisyUI adds semantic color names to the Tailwind CSS colors.
- Use daisyUI color names in utility classes as you use other Tailwind CSS color names. For example,
bg-primaryuses the primary color for the background. - The value of each daisyUI color name is a variable. Thus, the color can change with the theme.
- Do not use
dark:with daisyUI color names. - If possible, use only daisyUI color names. This lets colors change automatically with the theme.
- If you use a Tailwind CSS color name such as
red-500, its color stays the same in all themes. - If you use a daisyUI color name such as
primary, its color changes with the theme. - Avoid Tailwind CSS color names for text. For example,
text-gray-800onbg-base-100becomes unreadable in a dark theme becausebg-base-100is dark. *-contentcolors must have clear contrast with their related colors.- Use
base-*colors for most of the page. Use the default variant for all elements. Useprimaryonly for the most important element on the page. Use it only once. - In rare cases, you can use a Tailwind CSS color if content must keep the same color in all themes. For example, you can use
text-red-500instead oftext-error. For an SVG icon or chart, a fixed color can be necessary.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 1mo ago First seen · 147 lines · 18 tokens per session scan A 655e2eef74d8
daisyui-colors is a skill published in the GitHub repository saadeghi/daisyui (42,653 stars, last pushed 4d ago), licensed MIT. It adds 18 tokens to every session and 1,964 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
ui-components
UI component library patterns for shadcn/ui and Radix Primitives. Use when building accessible component libraries, customizing shadcn components, using Radix unstyled primitives, or creating design system foundations.
s2-docs
Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components. Use when the user mentions Spectrum, S2, React Spectrum, RSP, Spectrum Web Components, or SWC, or names a Spectrum component (Button, Picker, ComboBox, TextField…
handoff-spec
Write the implementation handoff — measurements, behaviours, assets, states, and edge cases. Use when engineering picks up the work. For verifying the result afterwards use design-qa-checklist; for reusable library components use component-spec (design-systems).
animation-principles
Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use motion-system (design-systems); for a full interaction spec use micro-interaction-spec.
readable-measure
Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use typography-scale.