Cara Mengatur Server ExodeUI MCP di Cursor
Penyiapan langkah demi langkah untuk server ExodeUI MCP di Cursor (dan Claude Code): entri mcp.json, pemeriksaan alat, petunjuk pertama, dan tinjauan aman.
Pengambilan Inti
Tambahkan entri ke .cursor/mcp.json proyek Anda yang menjalankan paket claude-exode-mcp dengan npx, muat ulang Cursor, dan periksa apakah server exode dan alat-alatnya muncul di pengaturan MCP Cursor. Kemudian minta agen Cursor untuk membuat atau mengedit animasi dalam bahasa sederhana, dan meninjau hasilnya di editor ExodeUI sebelum dikirimkan.
Apa yang Anda butuhkan
Cursor, Node.js (jadi npx tersedia) dan akun ExodeUI jika Anda ingin membuka hasil di editor. Server ExodeUI MCP diterbitkan di npm sebagai claude-exode-mcp; ini berjalan secara lokal melalui npx, jadi tidak ada lagi yang perlu diinstal secara manual.
Langkah 1: tambahkan server ke mcp.json
Cursor membaca server MCP khusus dari file mcp.json; file tingkat proyek berada di .cursor/mcp.json di repositori Anda. Server baris perintah lokal menggunakan tipe "stdio" dengan perintah dan argumen. Entri untuk ExodeUI menjalankan npx dengan paket claude-exode-mcp (lihat blok kode di bawah).
Langkah 2: muat ulang dan periksa alatnya
Muat ulang Cursor, buka pengaturan MCP dan konfirmasikan server exode sedang berjalan dan alat-alatnya terdaftar. Jika gagal untuk memulai, periksa apakah npx berfungsi di terminal Anda dan versi Node.js Anda adalah yang terbaru.
Langkah 3: cepat
Tanyakan dalam bahasa yang sederhana dan spesifik tentang keadaan dan perasaan:
- "Buat sakelar dengan status hidup dan mati dan pegas lembut di antara keduanya."
- "Tambahkan status pemuatan ke tombol simpan yang berdenyut perlahan, lalu pemeriksaan berhasil."
- "Buat animasi sukses lebih cepat dan kurangi overshoot."
Menggunakan Claude Code sebagai gantinya
Di Claude Code, tambahkan server yang sama dengan satu perintah: claude mcp add exode npx -y claude-exode-mcp. Claude Code juga mendukung konfigurasi tingkat proyek dalam file .mcp.json.
Tinjau sebelum Anda mengirim
Agen yang bisa mengedit file juga bisa melakukan kesalahan. Simpan file .exode di Git sehingga perubahan dapat diffable, buka hasil di editor ExodeUI untuk memeriksa waktu dan setiap keadaan, dan menguji perilaku gerakan yang dikurangi.
Cuplikan Implementasi Produksi
// .cursor/mcp.json
{
"mcpServers": {
"exode": {
"type": "stdio",
"command": "npx",
"args": ["-y", "claude-exode-mcp"]
}
}
}
# Claude Code alternative
claude mcp add exode npx -y claude-exode-mcpKunci Principles untuk Diingat
- Servernya adalah paket npm claude-exode-mcp, dijalankan dengan npx
- Di Cursor, tambahkan ke .cursor/mcp.json sebagai server stdio
- Muat ulang dan konfirmasikan alat muncul di pengaturan MCP
- Prompt dengan keadaan dan perasaan; menyetel nomor setelahnya
- Simpan file di Git dan tinjau perubahannya di editor
Pertanyaan yang Sering Diajukan
Sumber
- claude-exode-mcp — npm
- Model Context Protocol (MCP) — dokumen Cursor
- Connect Claude Code to tools via MCP — dokumen Claude Code