daisyUI MCP server for Codex
Setup Codex to correctly generate daisyUI code based on your prompt.
MCP is 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