+Page - Daisyui — ContextQMD

<div class="breadcrumbs text-sm not-prose opacity-40"> <ul> <li><a href="/docs/mcp/">MCP setup guides</a></li> <li>OpenCode</li> </ul> </div> <h1>daisyUI MCP server for OpenCode</h1> <p>Setup OpenCode to correctly generate daisyUI code based on your prompt.</p>

MCP is an API to communicate with AI models. You can add MCP servers and OpenCode will communicate with them to get more accurate results.

There are 3 options:

Blueprint: The Official MCP server from daisyUI (Recommended for best results)
Context7: Free 3rd party MCP server
daisyUI GitMCP: Free 3rd party MCP server

daisyUI Blueprint

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

Get a Blueprint License
Install OpenCode CLI (if you haven't already)

sh:Terminal

npm install -g opencode-ai

Create or edit your opencode.json in your project root and add Blueprint MCP config:

json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "daisyui-blueprint": {
      "type": "local",
      "command": ["npx", "-y", "daisyui-blueprint@latest"],
      "enabled": true,
      "environment": {
        "LICENSE": "YOUR_LICENSE_KEY",
        "EMAIL": "YOUR_EMAIL",
        "FIGMA": "YOUR_FIGMA_API_KEY"
      }
    }
  }
}

FIGMA is optional. Only include it if you need Figma-to-code conversion.

Usage

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

md:prompt

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

</div> <input type="radio" name="mcp_options" class="tab" aria-label="Context7" /> <div class="tab-content bg-base-100 border-base-300 px-12 py-3">

Setup Context7 MCP server

Add this to your opencode.json:

json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "context7": {
      "type": "remote",
      "url": "https://mcp.context7.com/mcp",
      "enabled": true
    }
  }
}

Optional with API key:

json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "context7": {
      "type": "remote",
      "url": "https://mcp.context7.com/mcp",
      "enabled": true,
      "headers": {
        "CONTEXT7_API_KEY": "{env:CONTEXT7_API_KEY}"
      }
    }
  }
}

Usage

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

md:prompt

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

</div> <input type="radio" name="mcp_options" class="tab" aria-label="GitMCP" /> <div class="tab-content bg-base-100 border-base-300 px-12 py-3">

Setup daisyUI GitMCP server

Add this to your opencode.json:

Using HTTP transport

json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "daisyui-gitmcp": {
      "type": "remote",
      "url": "https://gitmcp.io/saadeghi/daisyui",
      "enabled": true
    }
  }
}

Usage

Now you can ask AI anything about daisyUI, and write use daisyui-gitmcp at the end of your prompt.

md:prompt

give me a light daisyUI 5 theme with tropical color palette. use daisyui-gitmcp

</div> </div>