656 hazır mobil uygulama ekranı

Bunu ajanınızdan kullanın

Kütüphaneyi bir MCP sunucusu olarak bağlayın, ajanınız tarayıcı olmadan tasarım arasın ve oluştursun.

Kütüphaneyi bir MCP sunucusu olarak bağlamak, onu doğrudan ajanınızın içine yerleştirir. Burada göz atmak, bir prompt kopyalamak ve yapıştırmak yerine, bir paywall ekranı istersiniz, ve ajanınız kütüphanede arama yapar, neyin eşleştiğini gösterir, ve seçtiğinizi oluşturur. Aynı tasarımlar, aynı promptlar, tarayıcı yok.

Bağlayın

Uç nokta https://mcp.clevens.com/mcp. Streamable HTTP konuşur, bu yüzden herhangi bir güncel MCP istemcisi kurulacak yerel bir proxy olmadan doğrudan ona ulaşabilir. Arama hiçbir şey gerektirmez; bir tasarım almak, hesap sayfanızda oluşturduğunuz bir anahtar gerektirir. İstemciniz https://mcp.clevens.com tercih ederse, sade host da çalışır.

Claude Code

claude mcp add --transport http clevens https://mcp.clevens.com/mcp \
  --header "Authorization: Bearer mdc_your_key"

Cursor

Tüm projeler için ~/.cursor/mcp.json'a, veya biri için .cursor/mcp.json'a ekleyin:

{
  "mcpServers": {
    "clevens": {
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

VS Code

Çalışma alanındaki .vscode/mcp.json'a ekleyin:

{
  "servers": {
    "clevens": {
      "type": "http",
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

Diğer herhangi bir durum

Yalnızca stdio konuşan bir istemci, kendi kurulumunu gerektirmeyen mcp-remote ile köprü kurabilir:

npx -y mcp-remote https://mcp.clevens.com/mcp --header "Authorization: Bearer mdc_your_key"

Bir anahtar edinin

Hesap sayfanızda bir tane oluşturun. Bir kez gösterilir, bu yüzden hemen yapılandırmanıza yapıştırın. Anahtarlar süresi dolmaz, hesap başına beş tane, ve birini iptal etmek çalışmasını hemen durdurur. Bir anahtar sızarsa, iptal edin ve bir tane daha oluşturun; ona bağlı başka bir şey yok.

Arama anahtar olmadan çalışır
Ajanınız hiçbir kimlik bilgisi olmadan kütüphanede arama yapabilir ve kategorileri listeleyebilir, bu yüzden önce sunucuyu kurup sonra karar verebilirsiniz. Yalnızca bir tasarımın kodunu almak ölçülür, ve tam olarak buradaki kopyala düğmesi gibi ölçülür: aynı tasarımı bir günde iki kez almak yine de bir kez sayılır.

Ajanınız neler alır

AraçNe yaptığı
search_designsTasarımları metne, kategoriye, türe veya Expo Go güvenliğine göre bulur. Kod değil, meta veri döndürür.
list_categoriesKütüphanenin kapsadığı her kategori, her birinde kaç tasarımın yayımlandığıyla birlikte.
get_designBir tasarımı çeker: her dosyanın tam kaynak kodu, bağımlılıklar, yazı tipleri, bağlantı.
get_designsBirkaçını tek bir gruplandırılmış prompt olarak çeker, böylece kurulum tasarım başına değil bir kez gerçekleşir.

Birkaçını aynı anda isteyin. get_designs, üç ayrı prompt bir ajanı uygulamayı üç kez sıfırdan kurmaya ve bağımlılıkları üç kez kurmaya zorladığı, ve üç benzer ekran verilen bir ajanın onları paylaşılan bileşenlerde birleştirmeye başladığı için var, ki bu da tam olarak bu tasarımların asla yapmaması gereken tek şey.

Yapmadığı şeyler

  • Yeniden tasarlamaz. Handshake, tek bir tasarım görmeden önce ajanınıza renklerin, yazı tipinin, boşlukların ve hareketin tam olarak yazıldığı gibi teslim edildiğini söyler. Bir tasarımı kendi paletinizde istiyorsanız, zaten içeride ve çalışırken bunu ayrı bir adım olarak isteyin.
  • Bir tasarım uydurmaz. Hiçbir şey eşleşmiyorsa, arama benzer bir şey döndürmek yerine bunu söyler.
  • Hesabınıza yazmaz. Her araç bir okumadır; dokunduğu tek şey kopyalama sayacınızdır.

Bir şeyler yanlış gittiğinde

Gördüğünüz şeyNe anlama geldiği
"This design needs an API key"Sunucuya ulaşılabiliyor ama başlığınız eksik veya yanlış. Yapılandırmanızdaki Authorization başlığını kontrol edin.
"Daily limit reached"Bugünkü ücretsiz kota tükendi. Arama çalışmaya devam eder; sınır gece yarısı UTC'de sıfırlanır.
"Too many requests" veya bir 429Uç nokta dakika başına istek sınırına sahiptir, anahtarsız bir çağrı için daha sıkı. Retry-After başlığının belirttiği kadar saniye bekleyin. Bunun genellikle nedeni, ilk yanıtı okumak yerine döngüde arama yapan bir ajandır.
Araçlar hiç görünmüyorİstemci handshake'i tamamlamadı. Yeniden başlatın ve URL'nin https://mcp.clevens.com/mcp olduğunu doğrulayın.
GET üzerinde bir 405Beklenen. Sunucu yalnızca POST'a yanıt verir ve bazı istemcilerin önce test ettiği şey olan mesajları asla kendiliğinden göndermez.