HextaUI

MCP sunucusu

Claude Code, Cursor, VS Code ve diğer yapay zekâ asistanlarını HextaUI'a bağlayın; dokümanlarda arama yapsınlar, her API'yi okusunlar ve bileşenleri sizin için kursunlar.

HextaUI MCP sunucusu asistanlara burada okuduğunuz dokümanların aynısını verir: her bileşenin ne işe yaradığı, prop'ları ve data nitelikleri, klavye desteği, çalışan örnekler ve onu kuran komut. Asistanlar shadcn/ui prop'larını tahmin etmeyi bırakır, HextaUI'ın gerçekten sunduklarını kullanır.

https://hextaui.com/mcp adresinde barındırılan, salt okunur bir sunucudur. Kurulacak bir şey ve API anahtarı yoktur. Bu sitedeki sürümün dokümanlarını okur, bu yüzden her zaman günceldir.

Kurulum

Sunucuyu asistanınıza ekleyin, ardından HextaUI ile bir şey oluşturmasını isteyin.

Claude Code

claude mcp add --transport http hextaui https://hextaui.com/mcp

Cursor

.cursor/mcp.json
{
  "mcpServers": {
    "hextaui": {
      "url": "https://hextaui.com/mcp"
    }
  }
}

VS Code

.vscode/mcp.json
{
  "servers": {
    "hextaui": {
      "type": "http",
      "url": "https://hextaui.com/mcp"
    }
  }
}

Codex

~/.codex/config.toml
[mcp_servers.hextaui]
url = "https://hextaui.com/mcp"

Windsurf

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "hextaui": {
      "serverUrl": "https://hextaui.com/mcp"
    }
  }
}

Diğer istemciler

Streamable HTTP üzerinden uzak sunucuları destekleyen her istemci URL'yi doğrudan kullanabilir. Yalnızca yerel sunucuları çalıştıran istemciler için mcp-remote ile köprü kurun.

{
  "mcpServers": {
    "hextaui": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://hextaui.com/mcp"]
    }
  }
}

Araçlar

Tüm araçlar salt okunurdur. Kurulumu, shadcn CLI komutunu sizin gibi projenizde çalıştıran asistanınıza bırakır.

  • search_docs bileşenleri, örnekleri, prop'ları ve data niteliklerini “silmeden önce onayla” gibi düz bir dille veya bir prop adıyla bulur.
  • list_components her bileşeni, hook'u ve yardımcıyı kategoriye göre listeler.
  • get_component bir sayfanın tüm dokümanını döndürür: kurulum komutu, kullanım, örnekler, klavye, erişilebilirlik ve API başvurusu.
  • get_component_api yalnızca API başvurusunu ve klavye desteğini döndürür.
  • get_examples bir sayfadaki herhangi bir örneğin kodunu döndürür.
  • get_component_source CLI'ın kuracağı kaynak dosyaları döndürür.
  • get_install_command npm, pnpm, yarn veya bun için birden çok bileşene tek bir shadcn komutu oluşturur.
  • get_setup kurulum kılavuzunu ve üretilen kodun uyması gereken kuralları döndürür.

Sunucu ayrıca her sayfayı bir hextaui://docs/{slug} kaynağı olarak ve asistana bileşen seçiminden kuruluma kadar yol gösteren bir build-ui istemi olarak sunar.

Deneyin

  • HextaUI ile bir ayarlar sayfası oluşturun: profil formu, bildirim anahtarları ve tehlikeli bölge.
  • Onay kutulu bir dosya listesi için hangi HextaUI bileşenini kullanmalıyım?
  • Bu modal'ı HextaUI dialog ile değiştir ve formun çalışmasını koru.
  • Yeni mesajlara kayan, HextaUI mesaj balonlarıyla bir sohbet görünümü ekleyin.

shadcn MCP sunucusunu mu tercih edersiniz? @hextaui ad alanını kaydedin; HextaUI bileşenlerine ve örneklerine de göz atıp kurabilir.