ContextQMD
Back to Daisyui

+Page

packages/docs/src/routes/(routes)/docs/mcp/grok/+page.md

5.7.143.1 KB
Original Source
<script> import SEO from "$components/SEO.svelte" import Translate from "$components/Translate.svelte" </script>

<SEO title="daisyUI MCP server for Grok Build" desc="Set up Grok Build to generate accurate daisyUI code from your prompts." />

<div class="breadcrumbs text-sm not-prose opacity-40"> <ul> <li><a href="/docs/mcp/">MCP setup guides</a></li> <li>Grok Build</li> </ul> </div> <h1>daisyUI MCP server for Grok Build</h1> <p>Set up Grok Build to generate accurate daisyUI code from your prompts.</p>

MCP servers give Grok Build access to external tools and documentation while it works. You have three options for daisyUI:

  1. Blueprint: The official daisyUI MCP server (recommended for best results)
  2. Context7: Free third-party MCP server
  3. daisyUI GitMCP: Free third-party MCP server
<div class="tabs tabs-lift max-sm:tabs-sm"> <input type="radio" name="mcp_options" class="tab" aria-label="Blueprint" checked /> <div class="tab-content bg-base-100 border-base-300 px-12 py-3">

daisyUI Blueprint

Blueprint is the official MCP server for daisyUI. Read more about Blueprint.

  1. Get a Blueprint license.
  2. Run this command. Set your Blueprint LICENSE and EMAIL values. FIGMA is optional and only needed for Figma-to-code conversion.
sh:Terminal
grok mcp add daisyui-blueprint \
  --env LICENSE=YOUR_LICENSE_KEY \
  --env EMAIL=YOUR_EMAIL \
  --env FIGMA=YOUR_FIGMA_API_KEY \
  -- npx -y daisyui-blueprint@latest

Usage

Ask Grok Build to use Blueprint MCP when it writes daisyUI code.

md:prompt
Give me a light daisyUI 5 theme with a tropical color palette. use Blueprint MCP
</div> <input type="radio" name="mcp_options" class="tab" aria-label="Context7" /> <div class="tab-content bg-base-100 border-base-300 px-12 py-3">

Setup Context7 MCP server

Add Context7 over HTTP:

sh:Terminal
grok mcp add --transport http context7 https://mcp.context7.com/mcp

Usage

Ask Grok Build to use Context7 when it writes daisyUI code.

md:prompt
Give me a light daisyUI 5 theme with a tropical color palette. use context7
</div> <input type="radio" name="mcp_options" class="tab" aria-label="GitMCP" /> <div class="tab-content bg-base-100 border-base-300 px-12 py-3">

Setup daisyUI GitMCP server

Add daisyUI GitMCP over HTTP:

sh:Terminal
grok mcp add --transport http daisyui-gitmcp https://gitmcp.io/saadeghi/daisyui

Usage

Ask Grok Build to use daisyUI GitMCP when it writes daisyUI code.

md:prompt
Give me a light daisyUI 5 theme with a tropical color palette. use daisyui-gitmcp
</div> </div>

Use grok mcp list to see configured servers. If a server doesn't connect, run grok mcp doctor <name>. Read the Grok Build MCP docs for project scope, OAuth, compatibility, and log locations.