AI editors and MCP

Your AI editor can search goodui, read each component's docs and props, and install it. There are three ways in; use the first one you can.

1. The goodui MCP server

One URL, no account: https://goodui.dev/api/mcp. Tools: search_components, list_components, list_blocks, get_component, get_block, get_install_command, get_setup.

Claude Code

claude mcp add --transport http goodui https://goodui.dev/api/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "goodui": { "url": "https://goodui.dev/api/mcp" }
  }
}

VS Code (Copilot)

.vscode/mcp.json
{
  "servers": {
    "goodui": { "type": "http", "url": "https://goodui.dev/api/mcp" }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "goodui": { "serverUrl": "https://goodui.dev/api/mcp" }
  }
}

Codex, Zed, Claude Desktop and other stdio clients

Clients that only start local servers can reach it through mcp-remote:

npx -y mcp-remote https://goodui.dev/api/mcp

In Claude Desktop you can also add it under Settings → Connectors as a custom connector with the URL above.

Pro blocks over MCP

Send your license key as a header and get_block returns Pro source too, e.g. in Claude Code:

claude mcp add --transport http goodui https://goodui.dev/api/mcp --header "Authorization: Bearer $GOODUI_LICENSE_KEY"

2. The agent pack

One command adds goodui's rules to every editor in the project: which component to pick, how to install it, and the rules for tones, motion, RTL and accessibility. Each editor gets its own file, so nothing you already have is overwritten.

npx shadcn@latest add https://goodui.dev/r/agent.json
  • .claude/skills/goodui/SKILL.md: Claude Code skill
  • .cursor/rules/goodui.mdc: Cursor rule
  • .github/instructions/goodui.instructions.md: GitHub Copilot
  • .windsurf/rules/goodui.md: Windsurf rule

For Codex, Amp and other AGENTS.md readers, add one line to your AGENTS.md: UI: follow .claude/skills/goodui/SKILL.md

3. Markdown for any chat

Things to ask

  • Build a pricing section with goodui: monthly/yearly toggle, rolling prices, a glowing primary button.
  • Add the goodui resource timeline to the schedule page and wire it to our bookings.
  • Make this settings form use goodui inputs, switch and select, translated to German.