VSCode CopilotdaisyUI MCP server for VSCode Copilot

Setup VSCode Copilot to correctly generate daisyUI code based on your prompt.

MCP is a an API to communicate with AI models. You can add MCP servers and VSCode Copilot 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. In VS Code press ⌘ CMD + ⇧ Shift + P ( Or Ctrl + Shift + P )
  3. Search for MCP: Open User Configuration
  4. Add this and set your license key + email address in it
    Figma API Key is optional - Only needed for Figma-to-code conversion
mcp.json
{
  "servers": {
+   "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

Option 1. Setup Context7 MCP server for VSCode

Click this button to install Context7 MCP server in VSCode:

VSCode Install Context7 MCP

Option 2. Setup Context7 MCP server for current workspace only

  1. Create a .vscode/mcp.json file in your project root if it doesn't exist.
  2. Add Context7 MCP server:
.vscode/mcp.json
{
  "servers": {
+   "context7": {
+     "type": "stdio",
+     "command": "npx",
+     "args": [
+       "-y",
+       "@upstash/context7-mcp@latest"
+     ]
+   }
  }
}

Usage

Now in Agent Mode you can ask AI anything about daisyUI. 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

Option 1. Setup daisyUI GitMCP server for VSCode

Click this button to install GitMCP server in VSCode:

VSCode Install daisyUI GitMCP

Option 2. Setup daisyUI GitMCP server for current workspace only

  1. Create a .vscode/mcp.json file in your project root if it doesn't exist.
  2. Add daisyUI GitMCP server:
.vscode/mcp.json
{
  "servers": {
+   "daisyUI": {
+     "type": "sse",
+     "url": "https://gitmcp.io/saadeghi/daisyui"
+   }
  }
}

Usage

Now in Agent Mode 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
BLUEPRINT

Official daisyUI
Code Generator
MCP server

Generate daisyUI code with any LLM

More details