Menu
Get DaisyUI component snippets, layouts, templates, and theme configuration for Tailwind CSS 4. Use when building UI with DaisyUI 5 components.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | daisyui |
| description | Get DaisyUI component snippets, layouts, templates, and theme configuration for Tailwind CSS 4. Use when building UI with DaisyUI 5 components. |
Retrieve DaisyUI 5 component code, layouts, templates, and theme configuration via the daisyui-blueprint MCP.
# Get component(s)
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'components={"button": true}'
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'components={"button": true, "card": true, "modal": true}'
# Get component example (use key=value syntax for dotted names)
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'component-examples={"button.button-with-icon": true}'
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'component-examples={"modal.dialog-modal-with-a-close-button-at-corner": true}'
# Get theme configuration (Tailwind 4 + DaisyUI 5)
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'themes={"custom-theme": true}'
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'themes={"builtin-themes": true, "colors": true, "custom-theme": true}'
# Get layout
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'layouts={"responsive-collapsible-drawer-sidebar": true}'
# Get template
npx mcporter call daisyui-blueprint.daisyUI-Snippets 'templates={"dashboard": true}'
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, menu, mockup-browser, mockup-code, mockup-phone, mockup-window, modal, navbar, pagination, progress, radial-progress, radio, range, rating, select, skeleton, stack, stat, status, steps, swap, tab, table, text-rotate, textarea, theme-controller, timeline, toast, toggle, validator
Note: tooltip is missing from the MCP but exists in DaisyUI 5. Use:
<div class="tooltip" data-tip="hello"><button class="btn">Hover</button></div>
<div class="tooltip tooltip-right tooltip-primary" data-tip="info">...</div>
Classes: tooltip, tooltip-content, tooltip-top/bottom/left/right, tooltip-open, tooltip-{color}
Each component has multiple examples. Format: component.example-name
When you request a component, it lists available examples. Common patterns:
button.button-with-iconbutton.button-with-loading-spinnermodal.dialog-modalmodal.dialog-modal-with-a-close-button-at-cornercard.card-with-image-on-sideManage and inspect UniFi Network controllers using uvx unifi-cli. Use for clients, network devices, switch ports, networks, events, controller health/info, and safe UniFi troubleshooting.
Query previous pi sessions to retrieve context, decisions, code changes, or other information. Use when you need to look up what happened in a parent session or any other session file.
Debug CSS override issues in Tailwind/DaisyUI/component-library projects. Use when styles do not apply as expected, active/hover states look wrong, `!important` does not win, `:where()` specificity is involved, or Tailwind `@layer`/generated CSS order may affect the cascade.
Manage Heroku apps, dynos, and add-ons via CLI and API. Deploy and scale applications.
Create BambuStudio-compatible 3MF files from STL models with embedded print settings. Supports presets for common scenarios (solid, fast, fine, strong) and per-setting overrides.
Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and export STL files for 3D printing platforms like MakerWorld.