daisyUI plugin
The official daisyUI skill and plugin: the agent builds Tailwind CSS interfaces with ready component, color and theme classes
- 42,702 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skill consists of instructions and class references
Install
- Works in
Manual install
claude plugin marketplace add saadeghi/daisyui
claude plugin install daisyui@daisyuiAccess and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skill consists of instructions and class references
This is third-party code. Review the repository files before installing.
What it does
The skill makes the agent rely on daisyUI 5 for Tailwind CSS 4 whenever it writes HTML or JSX. It is split into references: project install, class usage, theme and prefix config, semantic colors and a separate file for each component from accordion to tooltip. The agent reads the relevant component guides before writing markup, so it invents fewer non-existent classes. The same marketplace offers a daisyui-blueprint plugin with an MCP server, which requires a paid license.
Who it is for. For frontend developers who use or plan to use daisyUI and Tailwind CSS with an agent.
Good fit when
- The project already uses daisyUI and the agent mixes up component classes
- You need a quick Tailwind CSS interface without your own design system
- You need to configure daisyUI themes and colors
Not a fit when
- The project uses another component library such as shadcn/ui: the skill tells the agent to use daisyUI for all markup
- There is no Tailwind CSS 4 and no plan to move to it
Example request
Build a pricing page with daisyUI: three cards and a dark theme toggleLimitations
The skill targets daisyUI 5 and Tailwind CSS 4. It triggers on any markup work, so keep it off in projects without daisyUI. The Blueprint MCP server from the same marketplace needs a paid license.
How to disable. Run claude plugin uninstall daisyui or remove the plugin via /plugin.
FAQ
Do I need a paid license?
Not for the daisyui skill. A license is needed only for the daisyui-blueprint plugin with its MCP server.
Does it work with Codex?
Yes, the daisyUI docs give codex plugin marketplace add saadeghi/daisyui --sparse .agents/plugins and codex plugin add daisyui@daisyui.
Discussion
No questions or reviews yet.
Related
PluginsPreline UI skills for agents: assemble Tailwind CSS component interfaces and generate themes from tokens
Starwind UI
starwind-ui
Portable UI components for Astro, React and Vue on Tailwind: the CLI adds the ones you need to the project as source. Version 3.3.2, with agent skills
A skill with a searchable base of styles, palettes, font pairings and UX rules that generates a design system per product type
Make interfaces feel better
make-interfaces-feel-better
A skill about the small interface details: animations, typography, icons, shadows, radii, optical alignment and hit areas
An MCP server and skill for interfaces: 31 design systems for shadcn/ui, UI and UX principles and accessibility review for agent-written code
Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
README in short
daisyUI is a component library for Tailwind CSS with semantic colors and themes. The main README covers the library itself, while agent plugin setup lives on daisyui.com in pages for Claude Code, Codex and Grok. The skill is also published as daisyui.com/SKILL.md. MIT licensed.
README badge
Original SKILL.md
--- name: daisyui description: Official daisyUI component-library skill for Tailwind CSS. When you write HTML or JSX code, you must use it. Even if the user does not request it, use it. metadata: version: 5.7.x source: https://daisyui.com/SKILL.md --- # daisyUI 5 daisyUI 5 is a CSS library for Tailwind CSS 4. It supplies class names for common UI components, semantic colors, and themes. ## When to use this skill - Use this skill each time you write HTML or JSX code. - Use this skill for all Tailwind CSS UI work. - If the user uses one of these terms or requests related work, use this skill: daisyUI, component, UI, Tailwind, layout, template, theme, color, design - Even if the user does not request this skill, use it. ## References that you must read | Task | Guide | Note | |------|-------|------| Install daisyUI | [./install/SKILL.md](./install/SKILL.md) | If the project does not have daisyUI, use this guide. Use daisyUI class names | [./usage/SKILL.md](./usage/SKILL.md) | You must read this guide before you use daisyUI class names in code. Configure daisyUI | [./config/SKILL.md](./config/SKILL.md) | Read this guide to configure themes, prefixes, logs, or other options. You do not need it for basic use. daisyUI colors and themes | [./colors/SKILL.md](./colors/SKILL.md) | You must read this guide before you use daisyUI colors in code. daisyUI components | [./components/](./components/) | You must read the applicable component guides before you use daisyUI components. Read more than one candidate guide before you select a component.