KI-Editoren und MCP

Dein KI-Editor kann goodui durchsuchen, die Docs und Props jeder Komponente lesen und sie installieren. Es gibt drei Wege; nimm den ersten, der bei dir geht.

1. Der goodui-MCP-Server

Eine URL, kein Konto: 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

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

VS Code (Copilot)

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

Windsurf

{
  "mcpServers": {
    "goodui": { "serverUrl": "https://goodui.dev/api/mcp" }
  }
}

Codex, Zed, Claude Desktop und andere stdio-Clients

Clients, die nur lokale Server starten, erreichen ihn über mcp-remote:

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

In Claude Desktop kannst du ihn auch unter Einstellungen → Connectors als eigenen Connector mit der URL oben hinzufügen.

Pro-Blöcke über MCP

Schick deinen Lizenzschlüssel als Header mit, dann liefert get_block auch Pro-Quellcode, z. B. in Claude Code:

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

2. Das Agent-Pack

Ein Befehl fügt die goodui-Regeln jedem Editor im Projekt hinzu: welche Komponente passt, wie sie installiert wird und die Regeln für Tones, Motion, RTL und Barrierefreiheit. Jeder Editor bekommt seine eigene Datei, nichts Vorhandenes wird überschrieben.

npx shadcn@latest add https://goodui.dev/r/agent.json

• .claude/skills/goodui/SKILL.md: Claude-Code-Skill
• .cursor/rules/goodui.mdc: Cursor-Regel
• .github/instructions/goodui.instructions.md: GitHub Copilot
• .windsurf/rules/goodui.md: Windsurf-Regel

Für Codex, Amp und andere AGENTS.md-Leser ergänzt du eine Zeile in deiner AGENTS.md: UI: follow .claude/skills/goodui/SKILL.md

3. Markdown für jeden Chat

• Jede Komponentenseite hat Seite kopieren und einen Markdown-Zwilling, z. B. /components/core/button.md.
• /llms.txt listet alles auf; /llms-full.txt enthält die vollständigen Docs und die API jeder Komponente in einer Datei.
• Kostenlose Blöcke und Komponenten haben Öffnen in v0.

Das kannst du fragen

• Bau mit goodui eine Preis-Sektion: Monat/Jahr-Umschalter, rollende Preise, ein leuchtender Primary-Button.
• Füg die goodui Resource Timeline auf der Terminplan-Seite ein und verbinde sie mit unseren Buchungen.
• Stell dieses Einstellungsformular auf goodui-Inputs, Switch und Select um, übersetzt ins Französische.