菜单
Get DaisyUI component snippets, layouts, templates, and theme configuration for Tailwind CSS 4. Use when building UI with DaisyUI 5 components.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Manage 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.
| 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-side