Skip to content
cccskills
FreePublished on GitHub

daisyui

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.

The English summary is being prepared. Showing the original description.

See how to install

Files included (74)

  • SKILL.md5.0 KB
  • colors/SKILL.md6.7 KB
  • components/accordion.md1.0 KB
  • components/alert.md605 B
  • components/aura.md1.1 KB
  • components/avatar.md650 B
  • components/badge.md715 B
  • components/breadcrumbs.md465 B
  • components/button.md949 B
  • components/calendar.md1.1 KB
  • components/card.md873 B
  • components/carousel.md668 B
  • components/chat.md982 B
  • components/checkbox.md595 B
  • components/collapse.md694 B
  • components/countdown.md598 B
  • components/diff.md533 B
  • components/divider.md667 B
  • components/dock.md778 B
  • components/drawer.md3.9 KB
  • components/dropdown.md1.2 KB
  • components/fab.md4.4 KB
  • components/fieldset.md526 B
  • components/file-input.md655 B
  • components/filter.md1.2 KB
  • components/footer.md692 B
  • components/hero.md489 B
  • components/hover-3d.md1.4 KB
  • components/hover-gallery.md1.1 KB
  • components/indicator.md731 B
  • components/input.md765 B
  • components/join.md707 B
  • components/kbd.md350 B
  • components/label.md835 B
  • components/link.md454 B
  • components/list.md560 B
  • components/loading.md543 B
  • components/mask.md727 B
  • components/megamenu.md3.1 KB
  • components/menu.md1.1 KB
  • components/mockup-browser.md540 B
  • components/mockup-code.md577 B
  • components/mockup-phone.md446 B
  • components/mockup-window.md294 B
  • components/modal.md2.5 KB
  • components/navbar.md491 B
  • components/otp.md1.4 KB
  • components/pagination.md408 B
  • components/progress.md581 B
  • components/radial-progress.md780 B
  • components/radio.md747 B
  • components/range.md713 B
  • components/rating.md1.2 KB
  • components/select.md633 B
  • components/skeleton.md438 B
  • components/stack.md490 B
  • components/stat.md646 B
  • components/status.md672 B
  • components/steps.md935 B
  • components/swap.md1.0 KB
  • components/tab.md915 B
  • components/table.md734 B
  • components/text-rotate.md2.0 KB
  • components/textarea.md657 B
  • components/theme-controller.md465 B
  • components/timeline.md942 B
  • components/toast.md434 B
  • components/toggle.md571 B
  • components/tooltip.md760 B
  • components/validator.md474 B
  • config/SKILL.md1.4 KB
  • install/SKILL.md3.8 KB
  • LICENSE1.0 KB
  • usage/SKILL.md3.3 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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

TaskGuideNote
Install daisyUI./install/SKILL.mdIf the project does not have daisyUI, use this guide.
Use daisyUI class names./usage/SKILL.mdYou must read this guide before you use daisyUI class names in code.
Configure daisyUI./config/SKILL.mdRead this guide to configure themes, prefixes, logs, or other options. You do not need it for basic use.
daisyUI colors and themes./colors/SKILL.mdYou 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

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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Color rules that you must use with daisyUI 5

The English summary is being prepared. Showing the original description.

oqtopus-team/qdash54Updated Oct 19, 2026

Configuration options for daisyUI 5

The English summary is being prepared. Showing the original description.

oqtopus-team/qdash54Updated Oct 19, 2026

Installation instructions for daisyUI 5

The English summary is being prepared. Showing the original description.

oqtopus-team/qdash54Updated Oct 19, 2026

Usage rules that you must use with daisyUI 5

The English summary is being prepared. Showing the original description.

oqtopus-team/qdash54Updated Oct 19, 2026

qdash

Free

Work with a running QDash instance through qdash-client and saved local profiles. Use when an agent needs to inspect chips, metrics, task results, calibration data, provenance, issues, flows, executions, project files, project-scoped QDash API data, or OpenAPI endpoints from QDash using qdash-client, ~/.config/qdash/config.ini, XDG_CONFIG_HOME/qdash/config.ini, QDASH_* environment variables, or a local oqtopus-team/qdash checkout.

The English summary is being prepared. Showing the original description.

oqtopus-team/qdash54Updated Oct 19, 2026

See all skills by oqtopus-team

Report a problem with this skill