Zum Hauptinhalt springen

KI-Tools für webforJ

Ihr KI-Assistent schreibt den Java-Code. Jetzt kann es das überprüfen.

KI-Coding-Tools sind schnell, doch ihre Ergebnisse müssen weiterhin überprüft werden. webforJ bietet ihnen einen Zyklus aus Schreiben, Prüfen und Überarbeiten: die echte API zum Nachschlagen, den passenden Workflow und einen Test, der ohne Browser bestanden oder nicht bestanden zurückmeldet.

Für Claude Code, GitHub Copilot, Cursor, Gemini und Codex.

$claude plugin marketplace add webforj/webforj-ai
$claude plugin install webforj@webforj-ai
#In Claude Code überprüfen
>/plugin
>/mcp
webforj erscheint unter „Installiert“
plugin:webforj:webforj-mcp wird unter „Verbundene Server“ angezeigt
Die Installationsbefehle aus der Dokumentation. Eine Installation umfasst den MCP-Server und die Agent Skills.

Warum eine Schleife

Drei Arten, wie agentengeneriertes Java scheitert – und der passende Check dafür

Wenn ein Coding-Agent nichts zum Nachschlagen hat, schreibt er aus dem Gedächtnis. Ihn zur Vorsicht zu mahnen, behebt keines dieser Probleme. Jeder Fehler braucht eine eigene Prüfung, und webforJ schließt jede Lücke mit einem passenden Tool.

  1. 01
    Ohne Prüfung

    Es ruft eine API auf, die nicht existiert oder früher einmal existiert hat.

    Die echte API

    Der MCP-Server durchsucht die webforJ-Wissensdatenbank, sodass der Agent Signaturen nachschlägt, statt sie aus dem Gedächtnis abzurufen.

    Dokumentation lesen
  2. 02
    Ohne Prüfung

    Es orientiert sich an allgemeinen Java-Konventionen statt an den Konventionen des Frameworks.

    Der richtige Workflow

    Agenten-Skills zeigen dem Agenten, wie er mit Formularen, Sicherheit, Gestaltung, Timern und mehr umgehen soll.

    Dokumentation lesen
  3. 03
    Ohne Prüfung

    Es erzeugt Code, der kompiliert, aber nichts Sinnvolles bewirkt, wenn der Benutzer klickt.

    Bestanden oder nicht bestanden

    Das TestBed führt eine Ansicht in einem einfachen JUnit-Test aus, damit der Agent seine Arbeit selbst überprüfen kann.

    Dokumentation lesen

Die Schleife

Schreiben, prüfen, durchsehen

Der Agent erstellt die Ansicht, schreibt den Test, führt ihn aus und sieht, ob er bestanden wurde oder fehlschlägt. Gehen Sie einen echten Bildschirm Schritt für Schritt durch – vom Prompt bis zum bestandenen Test.

Dein Prompt

Füge unter /greeting eine webforJ-Begrüßungsansicht mit einem Namensfeld, einer Schaltfläche „Begrüßen“ und einem Absatz mit „Hallo“ und dem Namen hinzu.

Eine View ist eine Java-Klasse mit einer Route.

Mehr ist nicht nötig: keine Vorlage, kein JavaScript und keine REST-Schicht zwischen der Benutzeroberfläche und Ihrem Code.

Mit verbundenem MCP-Server hat der Agent Composite, Button und @Route nachgeschlagen, bevor er sie schreibt.

GreetingView.java
@Route("greeting")
public class GreetingView extends Composite<Div> {
private final TextField name = new TextField("Name");
private final Paragraph message = new Paragraph();
private final Button greet =
new Button("Greet", ButtonTheme.PRIMARY, e -> greet());

public GreetingView() {
getBoundComponent().add(name, greet, message);
}

private void greet() {
message.setText("Hello, " + name.getValue() + "!");
}
}
Schritt 1 von 3

Die Teile

Drei Teile hinter der Schleife

  1. KI-PluginPaketeMCP-ServerAgentenfähigkeiten
  2. TestBed
  3. craftforJ Assistant

01 webforJ AI-Plugin

Eine Installation umfasst beide Komponenten.

Das Plugin bündelt den MCP-Server und die Agent Skills. Zusammen machen sie aus einem Assistenten, der webforJ-Konventionen errät, einen, der sie befolgt.

Erwähne webforJ in deinen Prompts. So weiß der Assistent, dass er das Plugin statt seines allgemeinen Java-Wissens nutzen soll.

Plugin installieren

Wo es installiert wird

  • Claude CodeMarktplatz-Befehl
  • GitHub Copilot CLIMarketplace-Befehl
  • VS Code + CopilotChat: Plugin aus Quellcode installieren
  • Gemini CLIErweiterung installieren
  • OpenAI Codex CLIMarketplace-Befehl, dann /plugins
  • Cursor, Kiro, Goose, Junie, AntigravityManuelle Konfiguration

Wonach ein Prompt strebt

  • Custom-Element-Bibliothek als webforJ-Komponente kapseln.Skill zum Erstellen von Komponenten
  • Gestalte diese Ansicht mit den DWC-Design-Tokens.Styling-Apps-Skill
  • Ein Gerüst für ein neues webforJ-Seitenmenüprojekt namens CustomerPortal erstellen.MCP-Projektgenerator
  • Theme aus Markenfarbe #6366f1 generierenMCP-Theme-Generator
  • webforJ-Dokumentation zu @Route und Routing finden MCP-Wissenssuche

01a MCP-Server, Teil des KI-Plugins

Der Assistent liest die tatsächliche API, statt sie aus dem Gedächtnis abzurufen.

Das Model Context Protocol ist ein offener Standard, mit dem KI-Assistenten bei Bedarf externe Tools aufrufen können. Der webforJ-MCP-Server liefert Antworten direkt aus dem Framework: Dokumentation, Design-Tokens, Komponenten-Styling und Projektgerüste.

Die Validierung erkennt Tippfehler und erfundene Tokens, bevor CSS ausgeliefert wird, das unbemerkt fehlschlägt.

Entdecken Sie, was der Server kann.
  1. Die richtige webforJ-Version auswählen

    Liest pom.xml, falls verfügbar, und fragt dich andernfalls danach. Alle weiteren Antworten beziehen sich auf deine Version.

  2. In der Wissensdatenbank nachschlagen

    Eine API-Frage, ein Leitfaden, ein Codebeispiel oder die Kotlin-DSL – beantwortet anhand des echten Frameworks.

    Wie richte ich das Routing mit @Route in webforJ ein?
  3. Neues Projekt erstellen

    Der passende Maven-Archetyp-Befehl für hello-world, blank, tabs oder sidemenu in der webforj- oder webforj-spring-Variante.

    Erstellen Sie ein webforJ-Projekt namens CustomerPortal mit dem sidemenu-Archetyp.
  4. DWC-Theme erstellen

    Primär-, Erfolgs-, Warn-, Gefahren-, Info-, Standard- und Graupaletten aus einer Markenfarbe mit automatischem Textkontrast.

    webforJ-Theme aus Markenfarbe #6366f1 erstellen
  5. DWC-Komponenten korrekt gestalten

    CSS custom properties, shadow parts, reflected attributes und slots – lesen, bevor CSS geschrieben wird.

    Welche CSS-Variablen und Parts bietet dwc-button?
  6. Design-Tokens validieren

    Prüft CSS, Java oder Markdown anhand des tatsächlichen --dwc-*-Katalogs und markiert unbekannte Namen mit Korrekturvorschlägen.

    app.css auf unbekannte --dwc-* Tokens prüfen
Nur der MCP-Server in Claude Code
claude mcp add webforj-mcp https://mcp.webforj.com/mcp -t http -s user
Das Plugin wird zur Installation empfohlen. Dieser Befehl verbindet ausschließlich den Server unter https://mcp.webforj.com/mcp.

01b Agentenfähigkeiten, Teil des KI-Plugins

Der richtige Workflow für die anstehende Aufgabe

Der MCP-Server stellt genaue Informationen bereit. Ein Skill sagt dem Assistenten, wann er etwas nachschlagen soll, welcher Ansatz passt und in welcher Reihenfolge vorzugehen ist.

Skills folgen dem offenen Agent-Skills-Standard. Der Assistent lädt automatisch ein passendes Skill, wenn deine Eingabe dazu passt.

Skills durchsuchen
  • webforj-adding-servlets

    REST-Endpunkte, Webhooks und benutzerdefinierte Servlets neben der webforJ-UI.

    REST-Endpunkt unter /api/orders hinzufügen.
  • webforj-building-forms

    Binding, Jakarta validation, maskierte Eingaben und responsive Formularlayouts.

    Erstellen Sie ein Registrierungsformular, das an meine User-Bean gebunden ist.
  • webforj-creating-components

    Wiederverwendbare Java-Komponenten aus Custom Elements, JavaScript-Bibliotheken oder Kompositionen.

    Fügen Sie diese webforJ-Komponenten zu einer wiederverwendbaren Karte zusammen.
  • webforj-handling-timers-and-async

    Interval, Debouncer, Environment.runLater und PendingResult statt einfacher Timer und Threads.

    Dieses Dashboard alle 30 Sekunden aktualisieren.
  • webforj-localizing-apps

    Nachrichten-Bundles, Sprachwechsel zur Laufzeit und Erkennung der Browsersprache.

    Mehrsprachige Unterstützung für Englisch und Spanisch hinzufügen.
  • webforj-securing-apps

    Anmeldung, Abmeldung, rollenbasierte Zugriffskontrolle und standardmäßig abgesicherte Routen.

    /admin schützen, sodass nur Benutzer mit der Rolle ADMIN es sehen können.
  • webforj-styling-apps

    Themes, Paletten und Komponenten-Styling – alle --dwc-* Tokens validiert.

    Verpasse dieser App ein blaues Farbschema.
  • webforj-upgrading-versions

    Hauptversions-Upgrades mit dem offiziellen webforj-rewrite-OpenRewrite-Rezept.

    Aktualisieren Sie diese App von webforJ 25 auf 26.

02 TestBed

Klares Bestanden oder Nicht bestanden – ohne Browser und Server

Eine Ansicht läuft in einem einfachen JUnit-Test. Komponenten werden eingebunden, lösen ihre Ereignisse aus und navigieren genau wie in einer laufenden Anwendung.

Jede Interaktion ist abgeschlossen, bevor die nächste Testzeile ausgeführt wird – so muss nichts warten und es gibt keine sporadischen Testfehler. Spring-Boot-Apps verwenden das Modul webforj-spring-testbed.

TestBed-Leitfaden lesen
  1. SuchenComponentLocator

    Beschreibt eine Komponente so, wie Nutzer sie anhand ihres Typs und ihrer Anzeige erkennen.

  2. HandelnUserInteraction

    Führt nur Aktionen aus, die ein Benutzer ausführen könnte. Ein Klick auf eine deaktivierte Schaltfläche lässt den Test fehlschlagen.

  3. PrüfenverifyThat

    Prüft, was der Benutzer sehen würde. Bei einem Fehler werden die Komponente und beide Werte genannt.

pom.xml
<dependency>
<groupId>com.webforj</groupId>
<artifactId>webforj-testbed-junit</artifactId>
<scope>test</scope>
</dependency>
Die Version stammt aus der webforJ-BOM. Ein mit einem Archetyp erstelltes Projekt importiert sie bereits.

03 craftforJ Assistant

Ein Coding-Agent in der laufenden App

Es schreibt Java-Code frei, kompiliert jede Änderung, bevor du sie siehst, und übernimmt sie in der laufenden App. Jede Änderung startet die App neu. Sobald sie wieder läuft, setzt der Agent seinen Plan fort.

Es wird mit webforJ ausgeliefert, daher muss nichts installiert werden. craftforJ enthält kein eigenes Modell: Fügen Sie einen API-Schlüssel für einen unterstützten Anbieter hinzu oder geben Sie ein lokal mit Ollama ausgeführtes Modell an.

Lernen Sie den Assistenten kennen
Lebt in
KI-PluginIhr Editor
craftforJ AssistantDie laufende App
Lesezugriffe
KI-PluginIhre Quelldateien
craftforJ AssistantDeine App live – mit echten Werten
Verifiziert durch
KI-PluginDein nächster Build
craftforJ AssistantJede Änderung wird kompiliert, bevor Sie sie sehen.
Geeignet für
KI-PluginEtwas Neues von Grund auf erstellen
craftforJ AssistantDie App vor Ihnen verstehen, Fehler beheben und Prototypen erstellen
Der craftforJ Assistant fragt vor Aktionen direkt im Chatverlauf nach: mit „Anwenden“, „Für diesen Chat erlauben“ und „Verwerfen“.
Der Assistent fragt direkt im Chatverlauf nach, bevor er handelt.
webforj.conf
webforj.debug = true
webforj.devtools.craftforj.enabled = true
craftforJ läuft nur in der Entwicklung. Öffne es mit Alt + Shift + D und wechsle zum Tab „AI Assistant“.

So starten Sie

Nach einem Bildschirm mit einem Test fragen

Wähle einen Bildschirm aus, den du diese Woche sonst von Hand bauen würdest. webforJ ist das Full-Stack-Java-Framework für Business-Webanwendungen: Du entwickelst die gesamte App – einschließlich der Bildschirme – in Java.

  1. 1

    Plugin installieren

    claude plugin marketplace add webforj/webforj-ai
    claude plugin install webforj@webforj-ai
  2. 2

    webforJ-Projekt erstellen oder öffnen

    Fordern Sie beim MCP-Server ein Projekt an oder öffnen Sie ein vorhandenes.

  3. 3

    Fragen Sie in einem Prompt nach der Ansicht und ihrem TestBed-Test.

    Beschreibe das gewünschte Verhalten, damit der Test es überprüft.

  4. 4

    Führen Sie mvn test aus und lesen Sie das Ergebnis.