daisyui
saadeghi/daisyui · Agent Skill
La libreria ufficiale dei componenti daisyUI, che fornisce documentazione, nomi di classe, esempi e snippet di codice per creare il miglior codice daisyUI.
Vai all'installazione ↓Panoramica
| Autore | |
|---|---|
| Repository | saadeghi/daisyui ↗ |
| Cartella dello skill | daisyui |
| Stelle | 42.681 |
| Fork | 1715 |
| File inclusi | 73 |
| Licenza | MIT |
| Aggiornato | 17 ottobre 2026 |
| Link | Sorgente dello skill ↗ · Repository ↗ |
Verifica Mozgi
Cosa abbiamo trovato nei file dello skill. I dettagli con l’abbonamento.
Installazione
Uno skill è una cartella con un file SKILL.md. Scegli il tuo agente ed esegui i comandi in un terminale (macOS, Linux o Git Bash su Windows) dalla radice del progetto.
Incolla il prompt in Claude, Codex o un altro assistente: controllerà lo skill e lo installerà.
Install the “daisyui” skill from mozgi.io (https://mozgi.io/skills/saadeghi-daisyui/) for me. 1. Download the archive: https://mozgi.io/skills/saadeghi-daisyui/download If it fails, take the skill folder from the source: https://github.com/saadeghi/daisyui/tree/master/skills/daisyui 2. Read SKILL.md and the other files. Check the skill is safe: no hidden commands, no sending data elsewhere, no scripts doing something other than described. If anything looks suspicious, stop and tell me. 3. Put the “daisyui” folder into your agent's skills folder: .claude/skills/ for Claude Code, .agents/skills/ for Codex, .cursor/skills/ for Cursor, .gemini/skills/ for Gemini CLI. Inside the project if we are in one, otherwise in the home folder (~/.claude/skills/ etc.). 4. Make sure <skills folder>/daisyui/SKILL.md exists. 5. Briefly tell me what this skill does and offer to try it on my task. If you cannot do a step yourself, tell me what to click or type.
git clone --depth 1 --branch master https://github.com/saadeghi/daisyui.git /tmp/daisyui mkdir -p .claude/skills cp -r /tmp/daisyui/skills/daisyui .claude/skills/daisyui
Riavvia Claude Code: lo skill compare nell'elenco; per richiamarlo a mano usa /daisyui. Per tutti i progetti: ~/.claude/skills.
git clone --depth 1 --branch master https://github.com/saadeghi/daisyui.git /tmp/daisyui mkdir -p .agents/skills cp -r /tmp/daisyui/skills/daisyui .agents/skills/daisyui
Codex cerca gli skill in .agents/skills dalla cartella corrente fino alla radice del repo; richiamalo con /skills o $daisyui. Per tutti i progetti: ~/.agents/skills.
git clone --depth 1 --branch master https://github.com/saadeghi/daisyui.git /tmp/daisyui mkdir -p .cursor/skills cp -r /tmp/daisyui/skills/daisyui .cursor/skills/daisyui
Cursor carica lo skill all'avvio; richiamalo con “/” nella chat Agent. Cursor legge anche .claude/skills e .agents/skills. Per tutti i progetti: ~/.cursor/skills.
git clone --depth 1 --branch master https://github.com/saadeghi/daisyui.git /tmp/daisyui mkdir -p .gemini/skills cp -r /tmp/daisyui/skills/daisyui .gemini/skills/daisyui
Gemini CLI propone di attivare lo skill quando il compito corrisponde: tu confermi. Per tutti i progetti: ~/.gemini/skills.
Leggi SKILL.md e i file correlati prima di installare. Clicca un file per l'anteprima.
Contenuto di SKILL.md
Testo originale dell'autore · sola letturadaisyUI 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 ↗ | If the project does not have daisyUI, use this guide.
Use daisyUI class names | ./usage/SKILL.md ↗ | You must read this guide before you use daisyUI class names in code.
Configure daisyUI | ./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 ↗ | You must read this guide before you use daisyUI colors in code.
daisyUI 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.
List of components
- accordion ↗
- aura ↗
- alert ↗
- avatar ↗
- badge ↗
- breadcrumbs ↗
- button ↗
- calendar ↗
- card ↗
- carousel ↗
- chat ↗
- checkbox ↗
- collapse ↗
- countdown ↗
- diff ↗
- divider ↗
- dock (app bar) ↗
- drawer (sidebar) ↗
- dropdown ↗
- FAB ↗
- fieldset ↗
- file-input ↗
- filter ↗
- footer ↗
- hero ↗
- hover-3d ↗
- hover-gallery ↗
- indicator ↗
- input ↗
- join (group) ↗
- kbd ↗
- label ↗
- link ↗
- list ↗
- loading ↗
- mask ↗
- megamenu ↗
- menu ↗
- mockup-browser ↗
- mockup-code ↗
- mockup-phone ↗
- mockup-window ↗
- modal ↗
- navbar ↗
- otp ↗
- pagination ↗
- progress ↗
- radial-progress ↗
- radio ↗
- range ↗
- rating ↗
- select ↗
- skeleton ↗
- stack ↗
- stat ↗
- status ↗
- steps ↗
- swap ↗
- tab ↗
- table ↗
- text-rotate ↗
- textarea ↗
- theme-controller ↗
- timeline ↗
- toast ↗
- toggle (switch) ↗
- tooltip ↗
- validator ↗
Component discovery protocol
Before you write daisyUI code, do these steps in sequence:
1. Identify the intended function, behavior, and layout in the request. Do not use only the exact words.
2. Use the component list in this file to select the best candidate components.
3. If the choice is not clear, read the guides for the candidate components that can meet the request before you select one.
4. Compare the description, behavior, syntax, and rules of each candidate with the request.
5. Select the best component or component combination. Obey all its constraints.
6. Use the exact structure and constraints of the selected components.
You must match the meaning, even when the words are different from component names. A component with a different name can still be the best match. Always examine the intended function and meaning.
If the user requests a named component and a guide with that name exists, read that guide first.
Domande frequenti
Che cosa fa lo skill daisyui?
La libreria ufficiale dei componenti daisyUI, che fornisce documentazione, nomi di classe, esempi e snippet di codice per creare il miglior codice daisyUI.
Come si installa daisyui?
Apri il blocco “Installazione” in questa pagina e scegli il tuo agente — Claude Code, Codex, Cursor o Gemini CLI — per i comandi pronti che copiano la cartella dello skill nel posto giusto. Oppure copia il prompt dalla scheda “Con l'assistente” e lascia che sia l'assistente a controllare e installare lo skill.
Con quali modelli AI funziona daisyui?
Gli skill sono semplici istruzioni in Markdown (formato Agent Skills), quindi daisyui funziona con qualsiasi agente che legge SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode e altri. Il modello carica le istruzioni solo quando il compito corrisponde alla descrizione dello skill.
daisyui è gratuito?
Lo skill è pubblicato apertamente da saadeghi con licenza MIT. Lo skill in sé non costa nulla: paghi solo il tuo fornitore AI per i token usati.
È sicuro installare gli skill?
Uno skill è un insieme di istruzioni che il tuo agente seguirà: leggi SKILL.md e i file correlati prima di installarlo. Gli script nella cartella dello skill vengono eseguiti solo se li esegue l'agente: controlla cosa fa e non concedere permessi superflui.
In cosa differisce uno skill da un server MCP o da un plugin?
Un server MCP o un plugin danno al modello nuovi strumenti: codice che viene eseguito e restituisce un risultato. Uno skill fornisce conoscenza e metodo: come affrontare il compito, quali passi seguire e com'è un buon risultato. Non servono server né chiavi API.