Skills
.Work. You
Rest

daisy-ui

Community

Ship accessible UI with DaisyUI components.

Design & Creative#theming#accessibility#frontend#tailwind#design-system#daisyui#ui-components
Authorcsim-sg
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a ready-to-use, accessible UI component library for Tailwind CSS projects, enabling consistent design and rapid UI construction with DaisyUI.

Core Features & Use Cases

  • Pre-designed UI components and themes that align with branding objectives.
  • Quick theming and branding across web apps; ideal for dashboards, marketing pages, and admin interfaces.
  • Use cases include building cohesive user interfaces with minimal custom CSS while supporting accessibility.

Quick Start

Install Tailwind CSS v4 and DaisyUI in your project, configure Tailwind to include the DaisyUI plugin and the williamstown theme, and start using DaisyUI components with Tailwind utility classes. For example, add DaisyUI themes via the DaisyUI config and apply classes like btn, card, and badge to construct UI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: daisy-ui
Download link: https://github.com/csim-sg/yacc/archive/main.zip#daisy-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.