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:
Blueprint is the official MCP server for daisyUI. Read more about Blueprint.
MCP: Open User Configurationlicense key + email address in it{
"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)"
+ }
+ }
}
}Now you can ask AI anything about daisyUI, and write use Blueprint MCP at the end of your prompt.
For example:
give me a light daisyUI 5 theme with tropical color palette. use Blueprint MCPClick this button to install Context7 MCP server in VSCode:
.vscode/mcp.json file in your project root if it doesn't exist.{
"servers": {
+ "context7": {
+ "type": "stdio",
+ "command": "npx",
+ "args": [
+ "-y",
+ "@upstash/context7-mcp@latest"
+ ]
+ }
}
}Now in Agent Mode you can ask AI anything about daisyUI. write use context7 at the end of your prompt.
For example:
give me a light daisyUI 5 theme with tropical color palette. use context7Click this button to install GitMCP server in VSCode:
.vscode/mcp.json file in your project root if it doesn't exist.{
"servers": {
+ "daisyUI": {
+ "type": "sse",
+ "url": "https://gitmcp.io/saadeghi/daisyui"
+ }
}
}Now in Agent Mode you can ask AI anything about daisyUI.
give me a light daisyUI 5 theme with tropical color palette