Yapay zeka editörleri ve MCP

Yapay zeka editörün goodui'de arama yapabilir, her bileşenin belgelerini ve prop'larını okuyabilir ve onu kurabilir. Üç yol var; kullanabildiğin ilkini seç.

1. goodui MCP sunucusu

Tek URL, hesap yok: https://goodui.dev/api/mcp. Araçlar: 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 ve diğer stdio istemcileri

Yalnızca yerel sunucu başlatabilen istemciler ona mcp-remote üzerinden ulaşabilir:

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

Claude Desktop'ta ayrıca Settings → Connectors altına yukarıdaki URL ile özel bağlayıcı olarak ekleyebilirsin.

MCP üzerinden Pro bloklar

Lisans anahtarını header olarak gönder, get_block Pro kaynağını da döndürsün; örneğin Claude Code'da:

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

2. Ajan paketi

Tek komut, goodui kurallarını projedeki her editöre ekler: hangi bileşen seçilir, nasıl kurulur, ton, hareket, RTL ve erişilebilirlik kuralları nelerdir. Her editör kendi dosyasını alır, yani elindeki hiçbir şeyin üzerine yazılmaz.

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

Codex, Amp ve diğer AGENTS.md okuyucuları için AGENTS.md dosyana tek satır ekle: UI: follow .claude/skills/goodui/SKILL.md

3. Her sohbet için Markdown

  • Her bileşen sayfasında Sayfayı kopyala ve bir Markdown ikizi var, örneğin /components/core/button.md.
  • /llms.txt her şeyi listeler; /llms-full.txt her bileşenin tam belgesini ve API'sini tek dosyada toplar.
  • Ücretsiz bloklar ve bileşenlerde Şurada aç: v0 bulunur.

Sorabileceklerin

  • goodui ile bir fiyatlandırma bölümü yap: aylık/yıllık anahtarı, akan fiyatlar, parlayan bir birincil buton.
  • goodui kaynak zaman çizelgesini program sayfasına ekle ve randevularımıza bağla.
  • Bu ayar formunda goodui input, switch ve select bileşenlerini kullan, Almancaya çevir.