daisyui
saadeghi/daisyui · Agent Skill
Официальная библиотека компонентов daisyUI, предоставляющая документацию, имена классов, примеры и примеры кода для создания лучшего кода daisyUI.
Перейти к установке ↓Обзор
| Автор | |
|---|---|
| Репозиторий | saadeghi/daisyui ↗ |
| Папка скилла | daisyui |
| Звёзды | 42 681 |
| Форки | 1 715 |
| Файлы | 73 |
| Лицензия | MIT |
| Обновлён | 17 октября 2026 г. |
| Ссылки | Исходник скилла ↗ · Репозиторий ↗ |
Проверка Mozgi
Что мы нашли в файлах скилла. Подробности — по подписке.
Установка
Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.
Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.
Установи мне скилл «daisyui» с mozgi.io (https://mozgi.io/skills/saadeghi-daisyui/). 1. Скачай архив: https://mozgi.io/skills/saadeghi-daisyui/download Если не скачивается — возьми папку скилла из исходника: https://github.com/saadeghi/daisyui/tree/master/skills/daisyui 2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне. 3. Положи папку «daisyui» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.). 4. Убедись, что получилось <папка скиллов>/daisyui/SKILL.md. 5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче. Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.
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
Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /daisyui. Для всех проектов сразу — папка ~/.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 ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $daisyui. Для всех проектов — ~/.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 подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.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 сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.
Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.
Содержимое 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 ↗ | 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.
Вопросы и ответы
Что делает скилл daisyui?
Официальная библиотека компонентов daisyUI, предоставляющая документацию, имена классов, примеры и примеры кода для создания лучшего кода daisyUI.
Как установить daisyui?
Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.
С какими нейросетями работает daisyui?
Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому daisyui подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.
Скилл daisyui бесплатный?
Скилл опубликован автором saadeghi в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.
Безопасно ли устанавливать скиллы?
Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.
Чем скилл отличается от MCP-сервера или плагина?
MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.