New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Daisyui

by carverauto in carverauto/serviceradar

Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

Apache-2.0Auto-check passedFrontend & Design

Install Daisyui

skills CLI
$ npx skills add carverauto/serviceradar --skill daisyui -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install carverauto/serviceradar daisyui --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/carverauto/serviceradar.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/daisyui .claude/skills/daisyui && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
daisyui
GitHub stars
921
Token cost
~1.3k tokens
SKILL.md length
421 words
Files
66
Skills in repo
18
Repo updated
First seen
Licence
Apache-2.0

At a glance

Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

  • Works in 6 steps: Read the request intent, behavior, and… → Use the component list in this file to… → Read multiple candidate component docs… → …
  • Generating any HTML
  • SKILL.md covers When to run this skill:, Mandatory reference and List of components
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Daisyui is an agent skill from carverauto/serviceradar. Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.

Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 66 other files (for example `components/accordion.md`, `components/alert.md` and `components/avatar.md`).

It sits in Frontend & Design, covering React components and Design systems. It works with daisyUI and Tailwind CSS. The repository describes itself as: Open-Source Network Management, Monitoring, ITOM, and Security Analytics. The licence is Apache-2.0.

When your agent uses it

  • Generating any HTML
  • JSX code even if the user does not explicitly ask for this skill

Example prompts

  • “/daisyui”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Read the request intent, behavior, and shape, not only literal words. Match on meaning.
  2. Use the component list in this file to shortlist the best candidate components.
  3. Read multiple candidate component docs before deciding. Minimum is 3 candidates when there is ambiguity.
  4. Compare each candidate's description, behavior, syntax, and rules against the request.
  5. Select the best component or combination of components and apply their constraints exactly.
  6. State which components were chosen and why they match the request.

What it can do on your machine

Read from SKILL.md and the folder at commit f0c57eb. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Daisyui loads about 1.3k tokens when it runs. Until then it costs about 49 tokens; SKILL.md has 421 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~49
When it runs · the whole SKILL.md, loaded when a task matches
~1.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from carverauto/serviceradar at commit f0c57eb, republished under its Apache-2.0 licence (© carverauto). 421 words, ~1,293 tokens.

Download SKILL.mdSave it as .claude/skills/daisyui/SKILL.md (or your agent's skills folder). This skill also uses 65 other files; get the full folder from GitHub.
name
daisyui
description
Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or JSX code even if the user does not explicitly ask for this skill.
metadata.version
5.5.x
metadata.source
https://daisyui.com/SKILL.md

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:

  • Trigger this skill whenever generating any HTML or JSX code
  • Trigger this skill for any Tailwind CSS UI work
  • Trigger this skill when the user mentions any of these terms or similar context: daisyUI, component, UI, Tailwind, layout, template, theme, color, design
  • Trigger this skill even if the user does not explicitly ask for it

Mandatory reference

TaskGuideNote
Installing daisyUI./install/SKILL.mdUse only if daisyUI is not already installed in the project.
Using daisyUI class names./usage/SKILL.mdMANDATORY. Read this before using any daisyUI class names in the code.
Configuring daisyUI./config/SKILL.mdUse 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.mdMANDATORY. Read this to understand daisyUI color usage rules and how to use daisyUI colors in the code.
daisyUI components./components/MANDATORY. Read the relevant component docs when using daisyUI components in the code. Always read multiple candidate component docs before deciding which one to use.

List of components

Show full SKILL.md (148 more words)Show less
Component discovery protocol

Before writing any daisyUI code, do this in order:

  1. Read the request intent, behavior, and shape, not only literal words. Match on meaning.
  2. Use the component list in this file to shortlist the best candidate components.
  3. Read multiple candidate component docs before deciding. Minimum is 3 candidates when there is ambiguity.
  4. Compare each candidate's description, behavior, syntax, and rules against the request.
  5. Select the best component or combination of components and apply their constraints exactly.
  6. 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.

© carverauto, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 65 other files in .agents/skills/daisyui of carverauto/serviceradar.

  • SKILL.md
  • components/accordion.md
  • components/alert.md
  • components/avatar.md
  • components/badge.md
  • components/breadcrumbs.md
  • components/button.md
  • components/calendar.md
  • components/card.md
  • components/carousel.md
  • components/chat.md
  • components/checkbox.md
  • components/collapse.md
  • components/countdown.md
  • components/diff.md
  • components/divider.md
  • components/dock.md
  • components/drawer.md
  • components/dropdown.md
  • components/fab.md
  • … and 46 more

Open the folder on GitHubat commit f0c57eb

Compare with similar skills

Daisyui next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Daisyui compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Daisyui this skillcarverauto/serviceradar921—~1.3kAutomated safety check: PassApache-2.0
Creative Tim UI Blockscreativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT
DaisyUI Component Librarysaadeghi/daisyui43k—~1.3kAutomated safety check: PassMIT
DaisyUI 5 Color Rulessaadeghi/daisyui43k—~1.7kAutomated safety check: PassMIT
Animated React Component LibrariesHainrixz/editor-pro-max2611 repos~5.7kAutomated safety check: PassCustom licence
Styling Rules for daisyUI 5saadeghi/daisyui43k—~846Automated safety check: PassMIT

Similar skills

  • Creative Tim UI Blocks

    creativetimofficial/ui

    Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

    12k GitHub stars~2.1k tokensUpdated 6 mo ago
    Frontend & DesignAuto-check: notes

  • DaisyUI Component Library

    saadeghi/daisyui

    Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

    43k GitHub stars~1.3k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • DaisyUI 5 Color Rules

    saadeghi/daisyui

    Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

    43k GitHub stars~1.7k tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • Animated React Component Libraries

    Hainrixz/editor-pro-max

    Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

    261 GitHub starsUsed in 1 repo~5.7k tokens
    Frontend & DesignAuto-check passed

  • Styling Rules for daisyUI 5

    saadeghi/daisyui

    Rules for styling HTML with daisyUI 5 class names first, falling back to Tailwind utilities only when needed, and avoiding unnecessary custom CSS or default color variants.

    43k GitHub stars~846 tokensUpdated 8 days ago
    Frontend & DesignAuto-check passed

  • Create Component

    Endava/BEEQ

    Create a new BEEQ StencilJS web component. An agent skill from Endava/BEEQ.

    163 GitHub stars~1.5k tokensUpdated today
    Frontend & DesignAuto-check passed

More from carverauto/serviceradar

All 18 skills in this repo

  • Demo Cnpg Local Web Ng

    carverauto/serviceradar

    Run ServiceRadar web-ng locally against the live Kubernetes demo CNPG database for dashboard, SRQL, services, and UI testing.

    921 GitHub stars~672 tokensUpdated today
    Auto-check passed

  • Web Ng Docker Loop

    carverauto/serviceradar

    Run ServiceRadar elixir/web-ng locally against the Docker Compose CNPG database with copied mTLS certs and Docker secrets, then verify dashboard UI changes with Playwright.

    921 GitHub stars~737 tokensUpdated today
    Auto-check passed

  • Demo Local Rollout

    carverauto/serviceradar

    Build unpublished sha-... An agent skill from carverauto/serviceradar.

    921 GitHub stars~4.2k tokensUpdated today
    Auto-check passed

  • Demo Web Ng Fastpath

    carverauto/serviceradar

    Refresh the Kubernetes demo namespace with a web-ng-only change using the ServiceRadar fast path.

    921 GitHub stars~2.4k tokensUpdated today
    Auto-check passed

  • Fieldsurvey Local Web Ng

    carverauto/serviceradar

    Run ServiceRadar web-ng locally against the Kubernetes demo namespace FieldSurvey data, including CNPG NodePort access, NATS Object Store artifact access, authenticated browser checks, and…

    921 GitHub stars~785 tokensUpdated today
    Auto-check passed

  • Release Cut And Demo Roll

    carverauto/serviceradar

    Cut a ServiceRadar release and roll the Kubernetes demo namespace to the resulting published semver image tag through the guarded ArgoCD release branch.

    921 GitHub stars~3.9k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Daisyui

What does Daisyui do?

Official daisyUI component library skill. An agent skill from carverauto/serviceradar. Daisyui is an agent skill from carverauto/serviceradar. Official daisyUI component library skill.

When should I use Daisyui?

Daisyui fits situations like: generating any HTML; JSX code even if the user does not explicitly ask for this skill.

How do I install Daisyui in Claude Code?

Run `npx skills add carverauto/serviceradar --skill daisyui -a claude-code`. Or copy the skill folder (.agents/skills/daisyui in carverauto/serviceradar) into .claude/skills/daisyui in your project. Claude Code loads it when a task matches its description.

How do I install Daisyui in Codex?

Run `npx skills add carverauto/serviceradar --skill daisyui -a codex`. Or copy the skill folder (.agents/skills/daisyui in carverauto/serviceradar) into .agents/skills/daisyui in your project. Codex loads it when a task matches its description.

Can I use Daisyui in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add carverauto/serviceradar --skill daisyui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/daisyui, .gemini/skills/daisyui, .github/skills/daisyui and .opencode/skills/daisyui in your project.

What does Daisyui need to run?

SKILL.md names no scripts, command-line tools or credentials: Daisyui is instructions for the agent only.

Does Daisyui access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Daisyui safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Daisyui use?

Daisyui is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Daisyui use?

About 1.3k tokens (SKILL.md is roughly 5.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Daisyui?

Skills that share tags, products or a category with Daisyui: Creative Tim UI Blocks (creativetimofficial/ui, 12k stars), DaisyUI Component Library (saadeghi/daisyui, 43k stars), DaisyUI 5 Color Rules (saadeghi/daisyui, 43k stars) and Animated React Component Libraries (Hainrixz/editor-pro-max, 261 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Daisyui?

carverauto (a GitHub organization) maintains it in carverauto/serviceradar, which has 921 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on October 8, 2026.

Source: carverauto/serviceradar on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.