UXMagic MCP-Server

Das Model Context Protocol (MCP) ist ein offener Standard, über den KI-Assistenten direkt mit externen Werkzeugen sprechen. Der UXMagic-MCP-Server verbindet deinen KI-Coding-Assistenten mit deinen echten UXMagic-Projekten — statt Screenshots in einen Chat zu kopieren, liest dein Assistent das echte Design.

uxmagic.ai/dashboard/project

Einrichtung#

1. Geh auf die MCP-Seite und wähl deine IDE.
2. Erzeug einen API-Schlüssel — siehe API-Schlüssel.
3. Kopier die erzeugte Konfiguration und füg sie in die MCP-Einstellungen deiner IDE ein.
4. Starte die IDE neu, falls sie den neuen Server nicht sofort erkennt.

Von Haus aus unterstützt: Claude, Cursor, VS Code, Windsurf, Codex und Antigravity. Jeder MCP-kompatible Client funktioniert mit derselben Konfiguration.

Was dein Assistent nach dem Verbinden kann#

Deine Arbeit lesen

• Projekte auflisten und Details eines Projekts abrufen.
• Screens eines Projekts auflisten und Details eines Screens abrufen.
• Das HTML eines Screens lesen und das Theme des Projekts lesen.
• Projektdokumente (PRDs, Briefings) auflisten und lesen.

Deine Arbeit ändern

• Ein Projekt anlegen, einen Screen anlegen, einen Screen duplizieren.
• Gezielt suchen und ersetzen oder den gesamten Body eines Screens ersetzen.
• Ein Bild ersetzen.
• Einen Screen nach Figma exportieren.

Generieren

• Eine Design-Generierung starten, ihren Status prüfen und sie dann bestätigen oder abbrechen.

Generierung ist bewusst ein Dreischritt statt eines einzelnen Aufrufs: Dein Assistent startet sie, beobachtet sie, und du entscheidest, ob das Ergebnis bleibt — so kann eine Agent-Schleife nicht still deine Credits verbrennen.

Ein typischer Ablauf#

„Lies den Preise-Screen aus meinem Ledgerly-Projekt und implementier ihn als React-Komponente mit unseren Design-Tokens.“

Dein Assistent holt echtes Markup und Theme und schreibt dann Code dagegen. Keine Screenshots, kein Auseinanderdriften, kein erneutes Beschreiben des Designs.

Credits#

Leseoperationen sind kostenlos. Generierung über MCP kostet dieselben Credits wie Generierung in der App — es ist dieselbe Engine.

Sicherheit#

Dein API-Schlüssel authentifiziert die Verbindung zu deinem Konto. Halte ihn aus eingecheckten Dateien heraus und rotier oder widerrufe ihn jederzeit in den Kontoeinstellungen.