Nexus Dashboard v4.0 is now available! – Use code SPRING40 to get 40% discount on Nexus or Scalo

OpenCodedaisyUI MCP server for OpenCode

Setup OpenCode to correctly generate daisyUI code based on your prompt.

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:

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

daisyUI Blueprint

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

  1. Get a Blueprint License
  2. Install OpenCode CLI (if you haven't already)
Terminal
npm install -g opencode-ai
  1. Create or edit your opencode.json in your project root and add Blueprint MCP config:
{
  "$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"
      }
    }
  }
}
  1. 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:

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

Setup Context7 MCP server

Add this to your opencode.json:

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

Optional with API key:

{
  "$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:

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

Setup daisyUI GitMCP server

Add this to your opencode.json:

Using HTTP transport

{
  "$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.

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

Official daisyUI
Code Generator
MCP server

Generate daisyUI code with any LLM

More details
Please upgrade your browser