Windsurf setup for daisyUI
Setup Windsurf editor to correctly generate daisyUI code based on your prompt.
To setup Tailwind CSS syntax support and IntelliSense, seeTailwind CSS docs.
Windsurf LLM setup
daisyui.com/llms.txtfile is a compact, text version of daisyUI docs to help AI generate accurate daisyUI code based on your prompt.
Here's how to use daisyUI llms.txt in Windsurf:
Quick use
- In chat window type this and write your prompt
prompt
@web https://daisyui.com/llms.txtMCP server
MCP is a an API to communicate with AI models. You can add MCP servers and Windsurf will communicate with them to get more accurate results.
You can useContext7ordaisyUI GitMCPas MCP server in Windsurf.
Setup Context7 MCP server
- Press⌘ CMD+⇧ Shift+P(or⌃ Ctrl+⇧ Shift+Pon Windows)
- Type
Windsurf: MCP Configuration Panel - Click
Add custom server + - Add this:
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
+ "context7": {
+ "command": "npx",
+ "args": ["-y", "@upstash/context7-mcp@latest"]
+ }
}
}Usage
Now you can ask AI anything about daisyUI, and writeuse context7at the end of your prompt.
For example:
prompt
give me a light daisyUI 5 theme with tropical color palette. use context7Setup daisyUI GitMCP server
- Press⌘ CMD+⇧ Shift+P(or⌃ Ctrl+⇧ Shift+Pon Windows)
- Type
Windsurf: MCP Configuration Panel - Click
Add custom server + - Add this:
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
+ "daisyui Docs": {
+ "serverUrl": "https://gitmcp.io/saadeghi/daisyui"
+ }
}
}Usage
Now you can ask AI anything about daisyUI.
prompt
give me a light daisyUI 5 theme with tropical color paletteDo you have a question? Ask on GitHub or Discord server
Do you like daisyUI? Post about it!
Support daisyUI's development: Open Collective
