FreePublished on GitHub

daisyui

daisyUI 5 components and themes for a surface already using daisyUI or an explicitly requested daisyUI task; TenonAdmin templates use Naive UI and Ant Design.

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

Tenon-Net/TenonAdmin39 stars(GitHub 39 + cccskills 0)

Run score Not tested

See how to install

Files included (73)

SKILL.md4.9 KB
colors/SKILL.md5.6 KB
components/accordion.md1.0 KB
components/alert.md550 B
components/aura.md1.2 KB
components/avatar.md606 B
components/badge.md711 B
components/breadcrumbs.md427 B
components/button.md910 B
components/calendar.md1.1 KB
components/card.md891 B
components/carousel.md628 B
components/chat.md973 B
components/checkbox.md574 B
components/collapse.md662 B
components/countdown.md577 B
components/diff.md508 B
components/divider.md634 B
components/dock.md814 B
components/drawer.md3.8 KB
components/dropdown.md1.3 KB
components/fab.md4.4 KB
components/fieldset.md530 B
components/file-input.md642 B
components/filter.md1.2 KB
components/footer.md647 B
components/hero.md484 B
components/hover-3d.md1.4 KB
components/hover-gallery.md1003 B
components/indicator.md703 B
components/input.md710 B
components/join.md690 B
components/kbd.md332 B
components/label.md834 B
components/link.md446 B
components/list.md592 B
components/loading.md513 B
components/mask.md727 B
components/megamenu.md3.2 KB
components/menu.md1.0 KB
components/mockup-browser.md514 B
components/mockup-code.md536 B
components/mockup-phone.md443 B
components/mockup-window.md286 B
components/modal.md2.5 KB
components/navbar.md467 B
components/otp.md1.4 KB
components/pagination.md399 B
components/progress.md584 B
components/radial-progress.md782 B
components/radio.md718 B
components/range.md694 B
components/rating.md1.2 KB
components/select.md591 B
components/skeleton.md433 B
components/stack.md485 B
components/stat.md632 B
components/status.md657 B
components/steps.md751 B
components/swap.md979 B
components/tab.md905 B
components/table.md738 B
components/text-rotate.md1.9 KB
components/textarea.md625 B
components/theme-controller.md492 B
components/timeline.md948 B
components/toast.md429 B
components/toggle.md554 B
components/tooltip.md674 B
components/validator.md427 B
config/SKILL.md1.3 KB
install/SKILL.md962 B
usage/SKILL.md2.6 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. daisyUI 5 provides class names for common UI components, semantic color names and themes.

When to run this skill:

Use for an explicitly requested daisyUI task or a surface that already uses daisyUI.
For TenonAdmin Vue/React templates, use their existing Naive UI/Ant Design components. Installing daisyUI requires a request to adopt that dependency.

Mandatory reference

Task	Guide	Note
Installing daisyUI	./install/SKILL.md	Use only if daisyUI is not already installed in the project.
Using daisyUI class names	./usage/SKILL.md	MANDATORY. Read this before using any daisyUI class names in the code.
Configuring daisyUI	./config/SKILL.md	Use this if you need to configure daisyUI themes, prefix, logs, or other options. Not required for basic usage but important for advanced customization.
daisyUI colors and themes	./colors/SKILL.md	MANDATORY. Read this to understand daisyUI color usage rules and how to use daisyUI colors in the code.
daisyUI components	./components/	Read the selected component's docs; compare alternatives only when the choice is unclear.

List of components

Component discovery protocol

Before writing any daisyUI code, do this in order:

Read the request intent, behavior, and shape, not only literal words. Match on meaning.
Use the component list in this file to shortlist the best candidate components.
Read the relevant candidate docs; compare alternatives when their behavior would change the result.
Compare each candidate's description, behavior, syntax, and rules against the request.
Select the best component or combination of components and apply their constraints exactly.
State which components were chosen and why they match the request.

Semantic matching is required even when wording differs from component names. A component name might be different from the request but still be the best match. Always consider intent and meaning, not only literal words.

If a user explicitly requests a named component and a same-named doc exists, read that component doc 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.

More skills from this repository

ai-slop-cleaner

Free

[OMX] Run an anti-slop cleanup/refactor/deslop workflow

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

analyze

Free

[OMX] 只读调查跨文件的行为、原因或架构问题，提供源码证据与不确定性。单文件查找无需此流程。

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

ask

Free

[OMX] Ask a local external advisor CLI (Claude or Gemini) and capture a reusable artifact

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

autopilot

Free

[OMX] Supervise deep interview, consensus planning, and durable goal execution for explicit hands-off delivery.

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

autoresearch

Free

[OMX] Stateful validator-gated research loop with native-hook persistence

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

best-practice-research

Free

[OMX] Bounded best-practice research wrapper using official/upstream evidence first

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

Tenon-Net/TenonAdmin39Updated Oct 23, 2026

See all skills by Tenon-Net

Report a problem with this skill

Install

Install with a command

npx skills add https://github.com/Tenon-Net/TenonAdmin --skill daisyui

Paste it into your terminal and run it (requires Node.js). You can choose which agents to install it for, such as Claude Code or Codex.

Ask your agent

Please install the following Agent Skill.
https://github.com/Tenon-Net/TenonAdmin/tree/main/.claude/skills/daisyui

First review SKILL.md and the bundled files and confirm there is nothing suspicious (such as sending data externally or reading credentials). Then place it in ~/.claude/skills/daisyui/ for Claude Code, or ~/.agents/skills/daisyui/ for Codex.

Send this text to Claude Code or Codex as is. It checks the contents before installing.

View source on GitHub

Repository: Tenon-Net/TenonAdmin
Stars: 39
Forks: 10
Category: Design
License: Apache-2.0
Original language: English
Last updated: Oct 23, 2026

A skill is a set of instructions and scripts for an agent. cccskills does not guarantee that skills are safe. Review the contents before you install.