daisyUI

Установка

claude plugin marketplace add saadeghi/daisyui
claude plugin install daisyui@daisyui

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл заставляет агента при любой верстке HTML или JSX опираться на daisyUI 5 для Tailwind CSS 4. Он разбит на справочники: установка в проект, использование классов, настройка тем и префиксов, семантические цвета и отдельный файл на каждый компонент от accordion до tooltip. Агент сначала читает подходящие описания компонентов и только потом пишет разметку, поэтому реже выдумывает несуществующие классы. В том же маркетплейсе есть плагин daisyui-blueprint с MCP-сервером, но он требует платной лицензии.

Для кого. Для фронтенд-разработчиков, которые используют или хотят использовать daisyUI и Tailwind CSS вместе с агентом.

Пример запроса к агенту

Сверстай страницу тарифов на daisyUI с тремя карточками и переключателем темной темы

Ограничения

Скилл рассчитан на daisyUI 5 и Tailwind CSS 4. Он агрессивно срабатывает на любую верстку, поэтому в проектах без daisyUI его лучше не держать включенным. MCP-сервер Blueprint из того же маркетплейса работает только с платной лицензией.

Как отключить. Выполните claude plugin uninstall daisyui или удалите плагин через /plugin.

Проверка безопасности

• Скилл состоит из инструкций и справочников по классам

Коротко о README

daisyUI это библиотека компонентов для Tailwind CSS с семантическими цветами и темами. Главный README описывает саму библиотеку, а установка плагина для агентов вынесена на сайт daisyui.com в разделы для Claude Code, Codex и Grok. Скилл также опубликован как файл daisyui.com/SKILL.md. Лицензия MIT.

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.

Похожие