BLUEPRINT
The Official daisyUI Code Generator MCP Server

Claude desktop setup for daisyUI

Setup Claude desktop to correctly generate daisyUI code based on your prompt.

Claude Claude desktop LLM setup

Quick use

daisyui.com/llms.txt file is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.

In Chat window, enable 🌐 Search feature, and add this before your prompt:

prompt
https://daisyui.com/llms.txt

For example:

prompt
https://daisyui.com/llms.txt give me a light daisyUI 5 theme with tropical color palette

MCP server

MCP is a an API to communicate with AI models.
You can add MCP servers and Claude will communicate with them to get more accurate results.
You can use Context7 or daisyUI GitMCP as MCP server in Claude desktop.

daisyUI Blueprint

Blueprint is the official MCP server for daisyUI. Read more about Blueprint.

  1. Get a Blueprint License
  2. Set up the server
claude_desktop_config.json
{
  "mcpServers": {
+   "daisyui-blueprint": {
+     "type": "stdio",
+     "command": "npx",
+     "args": ["-y", "daisyui-blueprint@latest"],
+     "env": {
+       "LICENSE": "YOUR BLUEPRINT LICENSE KEY",
+       "EMAIL": "YOUR EMAIL ADDRESS",
+       "FIGMA": "YOUR FIGMA API KEY (optional)"
+     }
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI, and write use Blueprint MCP at the end of your prompt.
For example:

prompt
give me a light daisyUI 5 theme with tropical color palette. use Blueprint MCP

Setup Context7 MCP server

  1. Go to Settings > Developer

  2. Click Edit Config button

  3. Add this to the config file:

    claude_desktop_config.json
    {
  "mcpServers": {
+   "Context7": {
+     "type": "stdio",
+     "command": "npx",
+     "args": ["-y", "@upstash/context7-mcp@latest"]
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI, and write use context7 at the end of your prompt.
For example:

prompt
give me a light daisyUI 5 theme with tropical color palette. use context7

Setup daisyUI GitMCP server

  1. Go to Settings > Developer

  2. Click Edit Config button

  3. Add this to the config file:

    claude_desktop_config.json
    {
  "mcpServers": {
+   "daisyui-github": {
+     "command": "npx",
+     "args": ["-y", "mcp-remote", "https://gitmcp.io/saadeghi/daisyui"]
+   }
  }
}

Usage

Now you can ask AI anything about daisyUI.

prompt
give me a light daisyUI 5 theme with tropical color palette
Do you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
daisyUI store

NEXUS
Official daisyUI Dashboard Template

Available on daisyUI store

More details
Please upgrade your browser