daisyUI MCP server for Claude Code
Setup Claude Code 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 Claude 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
- Run this command to add Blueprint MCP server.
Figma API Key is optional - Only needed for Figma-to-code conversion
terminal
claude mcp add daisyui-blueprint
--env LICENSE=YOUR_LICENSE_KEY
--env EMAIL=YOUR_EMAIL
--env FIGMA=YOUR_FIGMA_API_KEY
-- npx -y daisyui-blueprint@latestUsage
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 MCPSetup Context7 MCP server
Run this command to add Context7 MCP server:
Using HTTP transport
Terminal
claude mcp add --transport http context7 https://mcp.context7.com/mcpOr Claude Code Local Server Connection (it's local)
Terminal
claude mcp add context7 -- npx -y @upstash/context7-mcpUsage
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 context7Do you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
BLUEPRINT