Wie kontextbewusste KI meine Arbeit mit SAP UI5 verändert hat

Während der Arbeit an SAP UI5 Anwendungen in Enterprise-Projekten ist mir etwas klar geworden. Ein großer Teil meiner Zeit floss nicht in neue Features. Er floss in das Durchgehen von bestehendem Code, in das Verstehen der Struktur und in die Frage, wie die Dinge zusammenhängen, bevor ich überhaupt etwas anfasse.

Wir verbringen Stunden damit, zu suchen, wo ein bestimmtes Fragment verwendet wird, Navigationsrouten über mehrere Controller hinweg nachzuverfolgen, ein Binding zu debuggen, das völlig korrekt aussieht und sich trotzdem weigert zu rendern, oder Legacy-Code zu verstehen, den jemand geschrieben hat, der das Unternehmen vor drei Jahren verlassen hat.

Ich habe angefangen, KI-Assistenten zu nutzen, um schneller voranzukommen, bin aber schnell an eine Grenze gestoßen: Die Antworten waren generisch. Die KI konnte UI5 Framework-Konzepte hervorragend erklären, aber sie konnte mir nicht helfen, meine App zu reparieren, weil sie keinerlei Einblick in meine tatsächlichen Projektdateien hatte.

Da bin ich auf MCP (Model Context Protocol) gestoßen.

Nachdem ich einen dateisystembasierten MCP-Server in meinen Workflow eingebunden hatte, entwickelten sich die Antworten meines KI-Assistenten von “Hier ist ein generisches UI5 Beispiel” zu “Hier ist genau das, was in Ihrem Controller, Fragment und Model passiert.”

Hier ein kurzer Durchgang, wie ich das eingerichtet habe und wie es mir ganz konkrete UI5 Kopfschmerzen abnimmt.

---

Was ist MCP (einfach erklärt)?

MCP ist ein Standard, der Ihrem KI-Assistenten sicheren Zugriff auf den Kontext Ihres lokalen Projekts gibt. Statt zu raten, wie Ihre App aufgebaut ist, kann die KI Ihre UI5 Projektdateien tatsächlich lesen, Ihre Ordnerhierarchie verstehen und Ihre konkreten Controller, Views und Fragmente analysieren.

Stellen Sie sich den Workflow so vor: Ihr UI5 Projekt → MCP Server → KI-Assistent

Die KI formuliert ihre Antworten auf Basis Ihres tatsächlichen Codes. Bei großen, weit verzweigten UI5 Anwendungen ist dieses Kontextbewusstsein ein echter Wendepunkt.

---

MCP für ein UI5 Projekt einrichten

Ich habe mein Setup bewusst schlank gehalten und den Standard-Filesystem-MCP-Server verwendet. So bekommen Sie es in wenigen Minuten in einem MCP-kompatiblen Editor wie Cursor oder VS Code zum Laufen.

Schritt 1: Den MCP-Filesystem-Server global installieren

npm install -g @modelcontextprotocol/server-filesystem

Schritt 2: Ihren Editor konfigurieren

Fügen Sie die folgende Konfiguration in Ihre MCP-Setup-Datei ein:

{
  "mcpServers": {
    "ui5-project": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/server-filesystem",
        "/path/to/your/ui5-project"
      ]
    }
  }
}

Speichern Sie die Datei und starten Sie Ihren Editor neu. Das war es! Ihre KI ist jetzt an Ihr UI5 Projekt “angeschlossen”.

---

Wo MCP mir am meisten hilft (echte UI5 Anwendungsfälle)

Sobald die KI meinen Code wirklich “sehen” konnte, hat sich mein Umgang mit den täglichen Aufgaben komplett verändert. Hier sind fünf Bereiche, in denen es sofort einen Unterschied gemacht hat:

1. Den Controller-View-Fluss verstehen

Wenn ich in ein unbekanntes Modul eingestiegen bin, habe ich die Logik früher manuell nachverfolgt. Heute frage ich einfach: “Erkläre den Ablauf dieses Controllers und der zugehörigen View.”

Da die KI den Controller lesen und die verknüpfte XML-View erkennen kann, verfolgt sie mühelos Event Handler, erklärt die Lifecycle-Methoden und zeichnet die Navigation nach.

2. Verwendung von Fragmenten finden

Wiederverwendbare UI5 Komponenten aufzuspüren bedeutete früher globale Suchen und das Durchsehen dutzender Fehltreffer.

Heute frage ich: “Wo genau wird dieses Fragment verwendet?” Mit MCP liefert die KI exakte Verwendungsstellen, benennt die aufrufenden Controller oder Views und schlägt Verbesserungen für die Wiederverwendbarkeit vor.

3. Hartnäckige Binding-Probleme debuggen

Das kennen wir alle:

<Text text="{employeeModel>/name}" />

Das XML sieht korrekt aus, aber der Bildschirm bleibt leer. Statt mir die Haare zu raufen, sage ich der KI: “Prüfe diese XML-View und den Controller auf Binding-Probleme.”

Die KI kann die Dateien gegeneinander abgleichen und weist sofort darauf hin, ob das Model auf der falschen Ebene gesetzt wurde oder ob ich in der Funktion setModel() den falschen Model-Namen verwendet habe.

4. Navigations- und Routing-Analyse

In Projekten mit komplexem Routing habe ich oft nach navTo-Aufrufen gesucht, nur um zu verstehen, welche Route eine View öffnet oder wo die Navigation beginnt. MCP hat das geändert und liefert innerhalb von Sekunden ein klares Bild des gesamten Ablaufs über manifest.json und Controller hinweg.

5. Präzise Systemdokumentation schreiben

Wenn ich an Hilfedokumentation für komplexe Funktionen arbeite, etwa für SF Data Reporting oder Export-Anwendungen, kostet das Verstehen des zugrunde liegenden Codes erheblichen Aufwand.

Mit MCP bekomme ich schnell eine klare Zusammenfassung, wie die verschiedenen Module zusammenspielen und wie Daten durch die Anwendung fließen. Das hilft mir, die Dokumentation im Einklang mit dem tatsächlichen Systemverhalten zu halten.

---

Meine Best Practices für den Alltag

Wenn Sie das ausprobieren möchten, hat sich bei mir Folgendes am besten bewährt:

• Formulieren Sie Prompts sehr konkret: Sagen Sie nicht einfach “Fix this.” Fragen Sie stattdessen: “Prüfe diesen Controller auf Verstöße gegen UI5 Best Practices” oder “Finde ungenutzte Fragmente in diesem Modul.”
• Grenzen Sie den Scope ein: Richten Sie den MCP-Server nur auf den relevanten Projektordner. Ein engerer Scope verbessert sowohl Performance als auch Antwortqualität.
• Nutzen Sie es zum Verstehen, nicht nur zum Generieren: MCP ist hervorragend für Code-Verständnis, Abhängigkeitsanalyse, Refactoring-Vorschläge und die Einarbeitung in Legacy-Projekte. Lassen Sie es Ihr Wegweiser sein, nicht nur Ihr Code-Schreiber.

---

Fazit

KI wird erst dann wirklich nützlich, wenn sie Ihr Projekt versteht und nicht nur das Framework, das Sie verwenden.

Die Einbindung von MCP in meinen Workflow hat KI für die Enterprise-UI5-Entwicklung ungleich praxistauglicher gemacht. Es fühlt sich weniger an, als würde ich einen generischen Chatbot befragen, und mehr, als säße ein projektbewusster Senior Developer neben mir.

Wenn Sie an großen, gewachsenen oder komplexen SAP UI5 Anwendungen arbeiten und ohnehin schon mit KI-Werkzeugen experimentieren, kann ich das Aufsetzen von MCP sehr empfehlen. Es dauert fünf Minuten, aber der tägliche Produktivitätsgewinn ist enorm.