SuperAPI AI 工具集

daisyui

前端与建站

查看项目

更新于 10-16 00:24

技能介绍

用途:daisyUI 5 是 Tailwind CSS 4 的 CSS 库,为常见 UI 组件提供类名,并提供语义化颜色与主题。该技能用于所有 Tailwind CSS UI 工作,在编写 HTML 或 JSX 代码时使用;当用户提到 daisyUI、组件、UI、Tailwind、布局、模板、主题、颜色、设计等词或相关需求时也应使用,即使用户未主动要求。

主要能力:提供组件类名、语义化颜色与主题配置。资料列出的组件包括 accordion、alert、avatar、badge、breadcrumbs、button、calendar、card、carousel、chat、checkbox、collapse、countdown、diff、divider、dock、drawer、dropdown、FAB、fieldset、file-input、filter、footer、hero、hover-3d、hover-gallery、indicator、input、join、kbd、label、link、list、loading、mask、megamenu、menu、mockup-browser、mockup-code、mockup-phone、mockup-window、modal、navbar、otp、pagination、progress、radial-progress、radio、range、rating、select、skeleton、stack、stat、status、steps、swap、tab、table、text-rotate、textarea、theme-controller、timeline、toast、toggle、tooltip、validator 等。

使用方式:资料给出必须阅读的参考指南:安装 daisyUI 见 ./install/SKILL.md(项目没有 daisyUI 时使用);使用类名前必须阅读 ./usage/SKILL.md;配置主题、前缀、日志等选项见 ./config/SKILL.md(基础使用不需要);使用颜色前必须阅读 ./colors/SKILL.md;使用组件前必须阅读对应组件指南,且应在多个候选指南中比较后再选择。组件发现流程为:先识别请求的功能、行为与布局,再依据组件列表选出候选,选择不明确时先阅读候选组件指南,比较描述、行为、语法与规则后选定最佳组件或组合,并遵守其约束与结构。

适用场景:Tailwind CSS 项目中的 HTML 或 JSX UI 编写、布局、模板、主题与颜色相关工作。

限制:资料未提供具体安装命令、版本兼容细节、收费或价格信息,也未说明平台与效果;这些内容暂未提供。