daisyUI MCP server for Codex
Setup Codex 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 Codex 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
- Install Codex CLI (if you haven't already)
Terminal
npm install -g @codex/cli- Run this command to add Blueprint MCP server.
- Set your Blueprint
LICENSEandEMAILaddress in the command below. FIGMAAPI Key is optional - Only needed for Figma-to-code conversion
terminal
codex 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:
Terminal
codex 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 context7Setup daisyUI GitMCP server
Run this command to add daisyUI GitMCP server:
Using HTTP transport
Terminal
codex mcp add daisyui-gitmcp -- npx -y mcp-remote https://gitmcp.io/saadeghi/daisyuiUsage
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-gitmcpDo you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
BLUEPRINT