Claude Code setup for daisyUI
Setup Claude Code to correctly generate daisyUI code based on your prompt.
Claude Code LLM setup
MCP server
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.
You can use Context7 or daisyUI GitMCP as MCP server in Claude Code.
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