Install Blueprint for your coding tool

Choose the client you already use and follow its official setup guide. Blueprint connects your coding agent to a guided daisyUI workflow for design direction, page structure, component syntax, and interface review.

Choose your AI coding tool

Each link opens an official daisyUI guide with the configuration for that client.

Install Blueprint for Antigravity Install Blueprint for Claude Desktop Install Blueprint for Claude Code Install Blueprint for Cline Install Blueprint for Codex Install Blueprint for Cursor Install Blueprint for Grok Build Install Blueprint for OpenClaw Install Blueprint for OpenCode Install Blueprint for VS Code Copilot Install Blueprint for Windsurf Install Blueprint for Zed

Three steps from setup to a working interface

  1. 01

    Get Blueprint

    Start from the official Blueprint page and choose a license.

  2. 02

    Open your client guide

    Use the matching instructions below to add the MCP server to your coding tool.

  3. 03

    Describe what you want to build

    Give your agent the product, audience, page goal, and visual direction. Blueprint guides the rest of the workflow.

What Blueprint adds after installation

A short prompt rarely contains enough detail for a coherent interface. Blueprint helps your agent establish the design direction, choose a page structure, and work with current daisyUI components before code starts to sprawl.

The workflow also includes an interface review. Your agent can inspect the result, find weak hierarchy or inconsistent component choices, and refine the page against the same visual direction used at the start.

Need a stronger brief before you start? Use the UI design prompt guide or browse the complete UI design trends list for a visual direction.

Ready to connect Blueprint?

Open the official Blueprint page to get access, then return to the client guide above for the exact setup steps.

Open Blueprint MCP