Gunakan ini dari agen Anda

Hubungkan pustaka sebagai server MCP dan agen Anda mencari serta membangun desain tanpa browser.

Menghubungkan pustaka sebagai server MCP menempatkannya langsung di dalam agen Anda. Alih-alih menjelajah di sini, menyalin prompt, dan menempelkannya, Anda meminta layar paywall, dan agen Anda mencari di pustaka, menunjukkan apa yang cocok, dan membangun yang Anda pilih. Desain sama, prompt sama, tanpa browser.

Hubungkan

Endpoint-nya adalah https://mcp.clevens.com/mcp. Ia berbicara Streamable HTTP, jadi klien MCP terkini apa pun bisa menjangkaunya langsung tanpa proxy lokal untuk diinstal. Mencari tidak membutuhkan apa pun; mengambil desain membutuhkan kunci, yang Anda buat di halaman akun Anda. Host telanjangnya juga berfungsi, jika klien Anda lebih suka menggunakan https://mcp.clevens.com.

Claude Code

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

Cursor

Tambahkan ke ~/.cursor/mcp.json untuk semua proyek, atau ke .cursor/mcp.json untuk satu proyek:

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

VS Code

Tambahkan ke .vscode/mcp.json di workspace:

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

Kasus lainnya

Klien yang hanya berbicara stdio bisa menjembatani ke sana dengan mcp-remote, yang tidak membutuhkan instalasi sendiri:

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

Dapatkan kunci

Buat satu di halaman akun Anda. Ditampilkan sekali, jadi tempelkan langsung ke konfigurasi Anda. Kunci tidak pernah kedaluwarsa, lima per akun, dan mencabut satu langsung menghentikan fungsinya. Jika kunci bocor, cabut dan buat yang baru; tidak ada hal lain yang terhubung padanya.

Pencarian berfungsi tanpa kunci

Agen Anda bisa mencari di pustaka dan membuat daftar kategori tanpa kredensial apa pun, jadi Anda bisa menginstal server dulu dan memutuskan kemudian. Hanya mengambil kode desain yang diukur, dan diukur persis seperti tombol salin di sini: desain yang sama dua kali dalam satu hari tetap dihitung satu kali.

Apa yang didapat agen Anda

Alat	Fungsinya
search_designs	Menemukan desain berdasarkan teks, kategori, jenis, atau keamanan Expo Go. Mengembalikan metadata, bukan kode.
list_categories	Setiap kategori yang dicakup pustaka, dengan berapa banyak desain yang dipublikasikan di masing-masing.
get_design	Mengambil satu desain: kode sumber lengkap setiap berkas, dependensi, font, penghubungan.
get_designs	Mengambil beberapa sebagai satu prompt terkelompok, sehingga pengaturan terjadi sekali alih-alih sekali per desain.

Minta beberapa sekaligus. get_designs ada karena tiga prompt terpisah membuat agen menyiapkan aplikasi tiga kali dan menginstal dependensi tiga kali, dan agen yang diberi tiga layar mirip mulai menggabungkannya menjadi komponen bersama, yang justru satu-satunya hal yang tidak boleh dilakukan desain-desain ini.

Apa yang tidak dilakukannya

Ia tidak mendesain ulang. Handshake memberi tahu agen Anda, sebelum ia melihat satu desain pun, bahwa warna, font, jarak, dan gerakan disampaikan persis seperti yang ditulis. Jika Anda ingin desain dalam palet Anda, minta itu sebagai langkah terpisah setelah sudah masuk dan berjalan.
Ia tidak mengarang desain. Jika tidak ada yang cocok, pencarian akan mengatakannya alih-alih mengembalikan sesuatu yang mendekati.
Ia tidak menulis ke akun Anda. Setiap alat adalah pembacaan; satu-satunya yang disentuhnya adalah penghitung salinan Anda.

Saat ada yang salah

Yang Anda lihat	Artinya
"This design needs an API key"	Server bisa dijangkau tapi header Anda hilang atau salah. Periksa header Authorization di konfigurasi Anda.
"Daily limit reached"	Kuota gratis hari ini sudah habis. Pencarian masih berfungsi; batasnya diatur ulang tengah malam UTC.
"Too many requests" atau 429	Endpoint punya batas permintaan per menit, lebih ketat untuk pemanggil tanpa kunci. Tunggu selama detik yang ditunjukkan header Retry-After. Agen yang berulang mencari tanpa membaca respons pertama biasanya jadi penyebabnya.
Alat-alatnya tidak pernah muncul	Klien tidak menyelesaikan handshake-nya. Mulai ulang, dan pastikan URL-nya adalah https://mcp.clevens.com/mcp.
405 pada GET	Sesuai harapan. Server hanya merespons di POST dan tidak pernah mengirim pesan sendiri, yang diuji lebih dulu oleh sebagian klien.

SebelumnyaFlow dan boilerplate Berikutnya Pemecahan masalah