Πώς να ρυθμίσετε τον διακομιστή ExodeUI MCP στο Cursor
Ρύθμιση βήμα προς βήμα για τον διακομιστή ExodeUI MCP στο Cursor (και Claude Code): η καταχώρηση mcp.json, έλεγχος των εργαλείων, πρώτες προτροπές και ασφαλής έλεγχος.
Core Takeaway
Προσθέστε μια καταχώρηση στο .cursor/mcp.json του έργου σας που εκτελεί το πακέτο claude-exode-mcp με npx, φορτώστε ξανά το Cursor και ελέγξτε ότι ο διακομιστής exode και τα εργαλεία του εμφανίζονται στις ρυθμίσεις MCP του Cursor. Στη συνέχεια, ζητήστε από τον αντιπρόσωπο του Cursor να δημιουργήσει ή να επεξεργαστεί ένα κινούμενο σχέδιο σε απλή γλώσσα και ελέγξτε το αποτέλεσμα στο πρόγραμμα επεξεργασίας ExodeUI πριν από την αποστολή.
Τι χρειάζεσαι
Cursor, Node.js (έτσι το npx είναι διαθέσιμο) και έναν λογαριασμό ExodeUI, εάν θέλετε να ανοίξετε αποτελέσματα στο πρόγραμμα επεξεργασίας. Ο διακομιστής ExodeUI MCP δημοσιεύεται στο npm ως claude-exode-mcp. εκτελείται τοπικά μέσω npx, επομένως δεν υπάρχει τίποτα άλλο για εγκατάσταση με το χέρι.
Βήμα 1: προσθέστε τον διακομιστή στο mcp.json
Το Cursor διαβάζει προσαρμοσμένους διακομιστές MCP από ένα αρχείο mcp.json. ένα αρχείο σε επίπεδο έργου βρίσκεται στο .cursor/mcp.json στο αποθετήριο σας. Οι τοπικοί διακομιστές γραμμής εντολών χρησιμοποιούν τον τύπο "stdio" με εντολή και ορίσματα. Η καταχώρηση για το ExodeUI εκτελείται npx με το πακέτο claude-exode-mcp (δείτε το μπλοκ κώδικα παρακάτω).
Βήμα 2: φορτώστε ξανά και ελέγξτε τα εργαλεία
Επαναλάβετε τη φόρτωση του Cursor, ανοίξτε τις ρυθμίσεις του MCP και επιβεβαιώστε ότι ο διακομιστής exode εκτελείται και τα εργαλεία του παρατίθενται. Εάν δεν ξεκινήσει, ελέγξτε ότι το npx λειτουργεί στο τερματικό σας και ότι η έκδοση Node.js είναι τρέχουσα.
Βήμα 3: προτροπή
Ρωτήστε σε απλή γλώσσα και γίνετε συγκεκριμένοι για τις καταστάσεις και αισθανθείτε:
- "Δημιουργήστε μια εναλλαγή με καταστάσεις ενεργοποίησης και απενεργοποίησης και ένα απαλό ελατήριο μεταξύ τους."
- "Προσθέστε μια κατάσταση φόρτωσης στο κουμπί αποθήκευσης που πάλλεται απαλά και μετά έναν έλεγχο επιτυχίας."
- "Κάντε το κινούμενο σχέδιο επιτυχίας πιο γρήγορο και μειώστε την υπέρβαση."
Χρησιμοποιώντας το Claude Code
Στο Claude Code, προσθέστε τον ίδιο διακομιστή με μία εντολή: claude mcp add exode npx -y claude-exode-mcp. Το Claude Code υποστηρίζει επίσης τη διαμόρφωση σε επίπεδο έργου σε ένα αρχείο .mcp.json.
Ελέγξτε πριν την αποστολή
Ένας πράκτορας που μπορεί να επεξεργάζεται αρχεία μπορεί επίσης να κάνει λάθη. Διατηρήστε τα αρχεία .exode στο Git, ώστε οι αλλαγές να είναι διαφοροποιήσιμες, ανοίξτε τα αποτελέσματα στο πρόγραμμα επεξεργασίας ExodeUI για να ελέγξετε το χρόνο και κάθε κατάσταση και να δοκιμάσετε τη συμπεριφορά μειωμένης κίνησης.
Απόσπασμα υλοποίησης παραγωγής
// .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-mcpΚλειδί Principles για να θυμάστε
- Ο διακομιστής είναι το πακέτο npm claude-exode-mcp, που εκτελείται με npx
- Στο Cursor, προσθέστε το στο .cursor/mcp.json ως διακομιστή stdio
- Φορτώστε ξανά και επιβεβαιώστε ότι τα εργαλεία εμφανίζονται στις ρυθμίσεις MCP
- Προτροπή με καταστάσεις και αίσθηση. συντονίστε τους αριθμούς μετά
- Διατηρήστε αρχεία στο Git και ελέγξτε τις αλλαγές στο πρόγραμμα επεξεργασίας
Συχνές Ερωτήσεις
Πηγές
- claude-exode-mcp — npm
- Model Context Protocol (MCP) — Έγγραφα Cursor
- Connect Claude Code to tools via MCP — Έγγραφα Claude Code