skills.rest
IgorAIvanov
IgorAIvanovCOMMUNITY
Explore all skills by this author →
GitHub

daisyui-install

Guides installation of daisyUI 5 with Tailwind CSS 4 in CSS files.

1|Updated Jun 25, 2026
Search Tags:#frontend#npm#css#component library#tailwind css#installation#daisyui
One-click install
npx skills add https://github.com/IgorAIvanov/altera03 --skill daisyui-install-igoraivanov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: daisyui-install
Source: https://github.com/IgorAIvanov/altera03/tree/main/skills/src/daisyui/install
Command: npx skills add https://github.com/IgorAIvanov/altera03 --skill daisyui-install-igoraivanov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up daisyUI 5 correctly is confusing because Tailwind CSS 4 removed the traditional tailwind.config.js file, and outdated guides still reference the old configuration approach. This Skill provides the correct, current installation steps so you avoid deprecated patterns. ## Core Features & Use Cases - Correct Tailwind CSS 4 Setup: Explains that tailwind.config.js is deprecated and only @import "tailwindcss"; is needed in the CSS file. - npm Installation Path: Covers installing daisyUI via npm i -D daisyui@latest and registering it with @plugin "daisyui"; in the CSS file. - CDN Fallback Option: Provides the CDN link tags for daisyUI 5 and the Tailwind CSS browser build when a node dependency is not desired. - Use Case: You are scaffolding a new web project with Tailwind CSS 4 and want to add daisyUI components; this Skill ensures you wire up the CSS imports and plugin directive correctly on the first try. ## Quick Start Ask the AI to set up daisyUI 5 in your Tailwind CSS 4 project and show the exact CSS file contents needed.

Frequently Asked Questions about daisyui-install

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install daisyUI 5 with Tailwind CSS 4?▼

Install daisyUI 5 by running npm i -D daisyui@latest, then add @plugin "daisyui"; to your CSS file after @import "tailwindcss";. No tailwind.config.js file is needed in Tailwind CSS v4.

How to use daisyUI 5 from a CDN without npm?▼

Use the daisyUI CDN link https://cdn.jsdelivr.net/npm/daisyui@5 in a stylesheet tag together with the Tailwind CSS browser CDN script @tailwindcss/browser@4. This works without any build tooling, though npm installation is the suggested approach.

Does daisyUI 5 still use tailwind.config.js?▼

No, tailwind.config.js is deprecated in Tailwind CSS v4, which daisyUI 5 requires. Configuration now happens directly in the CSS file using @import "tailwindcss"; and @plugin "daisyui"; directives.

Why is my daisyUI setup not working after upgrading to Tailwind CSS 4?▼

The most common cause is keeping a tailwind.config.js file or old plugin registration syntax. Tailwind CSS v4 only needs @import "tailwindcss"; in the CSS file, and daisyUI must be registered with @plugin "daisyui"; in that same file.

What does a CSS file with Tailwind CSS 4 and daisyUI 5 look like?▼

The CSS file contains exactly two lines: @import "tailwindcss"; followed by @plugin "daisyui";. This applies when Tailwind CSS and daisyUI are installed as node dependencies.

Related Skills

Explore More Software Engineering Skills→
yugasunyugasun
1

dev-web

Scaffold modern web frontend projects with Bun, Vite, React 19, and TypeScript 5.

Community
Advanced
wenermewenerme
7

daisyui-v5

Provide semantic, theme-aware daisyUI v5 class names for Tailwind CSS v4 UIs.

Community
Intermediate
podcodarpodcodar
7

daisyui-v5-themes

Generates DaisyUI v5 theme configs with OKLCH color tokens.

Official
Intermediate
zerobearing2zerobearing2
41

rails-ai:styling

Style Rails views with Tailwind CSS utilities and DaisyUI components.

Community
Intermediate