Hur man ställer in ExodeUI MCP Server i Cursor
Steg-för-steg-inställning för ExodeUI MCP-servern i Cursor (och Claude Code): mcp.json-posten, kontroll av verktygen, första uppmaningar och säker granskning.
Core Takeaway
Lägg till en post i ditt projekts .cursor/mcp.json som kör claude-exode-mcp-paketet med npx, ladda om Cursor och kontrollera att exodservern och dess verktyg visas i Cursor:s MCP-inställningar. Be sedan Cursor:s agent att skapa eller redigera en animation på vanligt språk, och granska resultatet i ExodeUI-redigeraren innan leverans.
Vad du behöver
Cursor, Node.js (så npx är tillgängligt) och ett ExodeUI-konto om du vill öppna resultat i editorn. ExodeUI MCP-servern publiceras på npm som claude-exode-mcp; den körs lokalt genom npx, så det finns inget annat att installera för hand.
Steg 1: lägg till servern i mcp.json
Cursor läser anpassade MCP-servrar från en mcp.json-fil; en fil på projektnivå finns på .cursor/mcp.json i ditt arkiv. Lokala kommandoradsservrar använder typen "stdio" med ett kommando och argument. Posten för ExodeUI kör npx med claude-exode-mcp-paketet (se kodblocket nedan).
Steg 2: ladda om och kontrollera verktygen
Ladda om Cursor, öppna dess MCP-inställningar och bekräfta att exodservern körs och dess verktyg är listade. Om den inte startar, kontrollera att npx fungerar i din terminal och att din Node.js-version är aktuell.
Steg 3: fråga
Fråga i klartext och var specifik om tillstånd och känsla:
- "Skapa en växel med på- och avlägen och en mjuk fjäder mellan dem."
- "Lägg till ett laddningstillstånd till sparaknappen som pulserar försiktigt, sedan en framgångskontroll."
- "Gör framgångsanimeringen snabbare och minska överskjutningen."
Använder Claude Code istället
I Claude Code, lägg till samma server med ett kommando: claude mcp add exode npx -y claude-exode-mcp. Claude Code stöder även konfiguration på projektnivå i en .mcp.json-fil.
Granska innan du skickar
En agent som kan redigera filer kan också göra misstag. Behåll .exode-filerna i Git så att ändringar kan ändras, öppna resultat i ExodeUI-redigeraren för att kontrollera timing och varje tillstånd, och testa beteenden med reducerad rörelse.
Produktionsimplementeringsutdrag
// .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-mcpNyckel Principles att komma ihåg
- Servern är npm-paketet claude-exode-mcp, körs med npx
- I Cursor lägger du till den i .cursor/mcp.json som en stdio-server
- Ladda om och bekräfta att verktygen visas i MCP-inställningarna
- Fråga med tillstånd och känsla; låt nummer efteråt
- Behåll filer i Git och granska ändringar i editorn
Vanliga frågor
Källor
- claude-exode-mcp — npm
- Model Context Protocol (MCP) — Cursor dokument
- Connect Claude Code to tools via MCP — Claude Code dokument