Dokumentation / Die IDE

Die Oberfläche

Titelleiste, Leisten, Chat, Editor und unteres Panel. Das Tägliche im Blick, alles andere einen Klick entfernt.

Die Oberfläche von Yuli ist in drei Bereiche gegliedert und stellt das Tägliche in den Vordergrund. Alles andere ist einen Klick entfernt – mit Namen und einer Zeile, die sagt, wofür es da ist.

┌────────────────────────── Titelleiste ──────────────────────────┐
├───────────────────────── Projekt-Tabs ──────────────────────────┤
│Leiste│ Projekt  │     Chat      │        Editor        │Leiste │
│ li.  │          │               │                      │ re.   │
│      ├──────────┴───────────────┴──────────────────────┤       │
│      │                 Unteres Panel                    │       │
└───────────────────────── Statusleiste ──────────────────────────┘
Bereich Inhalt
Links: das Projekt Dateien, Git und die Konfiguration des Agenten.
Mitte: die Unterhaltung Der Chat mit der KI: Yuli Platform, Claude Code, Kiro, Codex oder Antigravity.
Rechts: die Arbeit Der Editor und seine Tabs: Dateien, KI-Änderungen, REST Client, Web Studio, Diagramme und Werkzeuge.

Titelleiste

Teil Inhalt
Links Der Button ☰ (Menü anzeigen). Eingeklappt zeigt er das aktive Projekt, ausgeklappt die Menüs Datei, Bearbeiten, Ansicht, Projekt, Agent, Git, Werkzeuge, Fenster und Hilfe.
Mitte Die Agenten-Kapsel. Während der Agent arbeitet, zeigt sie, was er tut („Die KI arbeitet“, „Dein Claude Code arbeitet“ oder wie viele Agenten und Aufgaben laufen). Ein Klick bringt dich zum Chat.
Rechts Umschalter für helles oder dunkles Design, Token-Verbrauch und die Fensterbuttons.

Ein Doppelklick auf die Leiste maximiert das Fenster.

Projekt-Tabs

Darunter liegt ein Tab pro geöffnetem Projekt. Von dort öffnest du ein weiteres Projekt, verschiebst es in ein neues Fenster oder nutzt Geteilte Ansicht: zwei Projekte gleichzeitig sehen. Mit Ctrl+Alt+PageDown und Ctrl+Alt+PageUp wechselst du den Tab.

Linke Leiste

Button Wofür Tastenkürzel
Projekt Blendet das Projekt-Panel ein oder aus. Alt+1
Web Studio Design, Vorschau, Architektur und komplette App. Alt+Shift+W
Datenbank Verbindungen, Schemas, SQL und PL/SQL. Alt+Shift+D
Weitere Werkzeuge Öffnet das Blatt mit allen übrigen. —

Unter Weitere Werkzeuge:

Werkzeug Wofür Tastenkürzel
Remote-Repositorys (MCP) Verbundenes GitHub und GitLab. Alt+2
Hintergrundaufgaben Was die KI erledigt, während du arbeitest. Alt+Shift+B
Anforderungen Nachverfolgbarkeit Regel → Code → Test. Alt+Shift+R
Container Docker und Kubernetes. Alt+Shift+K
Remote-Entwicklung WSL, SSH und Dev-Container. Alt+Shift+O
CI/CD Jenkins, GitHub Actions, GitLab CI und CloudBees. Alt+Shift+J

Unten in der Leiste sitzt der Button zum Ein- und Ausblenden des unteren Panels.

Rechte Leiste

Oben die Editor-Spalte:

  • Editor: blendet den Editor ein, aus oder fokussiert ihn (Ctrl+Shift+C).
  • KI-Änderungen: Ausstehendes und Verlauf (Ctrl+Alt+R). Zeigt einen Zähler, wenn Änderungen zur Prüfung anstehen.

Unter Weitere Werkzeuge:

Werkzeug Wofür
REST Client HTTP-Anfragen testen und debuggen (Alt+9).
Diagramme Wie das System zusammenhängt (Ctrl+Alt+D).
Governance-Center Qualitätsvertrag, Gates, sensible Daten, Design und Auslieferung.
Sicherheitszentrale Befunde und Secrets.
Modernisierung Migrationen und Versionen.
Charakterisierungstests Tests, die das aktuelle Verhalten festschreiben, bevor du es änderst.
Remote-Umgebungen Variablen und Profile.
APIGEE Token, Schlüssel und Verträge.

Unten in der Leiste sitzt der Button zum Ein- und Ausblenden des Chats (Ctrl+Alt+I).

Was du über „Weitere Werkzeuge“ öffnest, rückt in die Leiste auf, solange du es nutzt. So siehst du immer, wo du bist, ohne dreißig Symbole vor Augen zu haben.

Unteres Panel

Tab Wofür Tastenkürzel
Terminal Integriertes Terminal. Alt+Shift+F12
Ausführung Ausgabe der Anwendung, mit Links zum Code. Alt+4
Probleme Fehler und Warnungen des Projekts. Alt+6
Tests Test-Explorer und Ergebnisse. Alt+5
Qualität Bewertung, Messung und Metriken. —

Unter Mehr: Synchronisierung (Alt+8), Maven / Gradle / Ant (Alt+7), Code Intelligence (Alt+0), Spring, Inspektionen, Container und JVM. Ein Tab, den du über „Mehr“ öffnest, bleibt in der Leiste, solange du ihn nutzt.

Alt+F12 blendet das Panel ein oder aus; Shift+Esc blendet es aus.

Startbildschirm

Ist nichts geöffnet, fragt der Editor „Was möchtest du tun?“ und bietet vier Wege an:

  1. Die KI bitten: Sie plant, setzt um und verifiziert.
  2. Eine Datei öffnen: Suche nach Namen oder wähle eine aus dem Projekt.
  3. Einen Bildschirm gestalten: Web Studio zeichnet die Oberfläche live und überführt sie in Code.
  4. Ausführen und testen: Startet die Anwendung und zeigt Tests und Probleme.

Statusleiste

Zeigt den Verbrauch der Sitzung, die Tokens der aktuellen Aufgabe, die Projektgröße, die Qualitätsbewertung, den Zustand der Java-Engine, die Ressourcen (RAM und CPU) und den CI-Status. Ein Klick klappt sie mit allen Details auf.

Zen-Modus

Ctrl+Shift+F12 lässt nur den Editor stehen. Drück die Kombination erneut, um die Panels zurückzuholen.