AI-tools voor webforJ

Je AI-assistent schrijft de Java. Nu kan het dit controleren.

AI-codeertools zijn snel, maar hun output moet nog steeds worden gecontroleerd. webforJ biedt ze een cyclus van schrijven, controleren en beoordelen: de echte API om te raadplegen, de juiste workflow om te volgen en een test die zonder browser slaagt of faalt.

Installeer de plug-in Doorloop de lus stap voor stap

Voor Claude Code, GitHub Copilot, Cursor, Gemini en Codex.

$claude plugin marketplace add webforj/webforj-ai

$claude plugin install webforj@webforj-ai

#Controleren in Claude Code

>/plugin

>/mcp

webforj staat onder Geïnstalleerd

plugin:webforj:webforj-mcp verschijnt onder verbonden servers

De installatiecommando's uit de documentatie. Met één installatie krijg je de MCP-server en de Agent Skills.

Waarom een lus

Drie manieren waarop door agents gebouwde Java misgaat, en de controle voor elk geval

Als een codeeragent geen bronnen heeft om te raadplegen, schrijft hij uit zijn geheugen. Zeggen dat hij voorzichtig moet zijn, lost dit niet op. Elke fout vraagt om een eigen controle, en webforJ dicht elk gat met een stukje tooling.

01
Zonder controle
Het roept een API aan die niet bestaat, of vroeger wel bestond.
De echte API
De MCP-server doorzoekt de webforJ-kennisbank, zodat de agent signatures leest in plaats van ze uit het geheugen op te halen.
Lees de documentatie
02
Zonder controle
Het volgt algemene Java-gewoonten in plaats van de conventies van het framework.
De juiste workflow
Agent Skills vertellen de agent hoe die formulieren, beveiliging, styling, timers en meer moet aanpakken.
Lees de documentatie
03
Zonder controle
Het genereert code die compileert, maar niets nuttigs doet wanneer een gebruiker klikt.
Geslaagd of gezakt
De TestBed voert een view uit in een gewone JUnit-test, zodat de agent zijn eigen werk kan bewijzen.
Lees de documentatie

De lus

Schrijf, controleer, beoordeel

De agent schrijft de weergave en de test, voert de test uit en leest of deze slaagt of faalt. Doorloop één echt scherm, van de prompt tot de geslaagde test.

Je prompt

Voeg op /greeting een begroetingsweergave van webforJ toe. Een naamveld, een knop Begroeten en een alinea met ‘Hallo’ en de naam.

Een view is een Java-klasse met een route

Verder is niets nodig: geen template, geen JavaScript en geen REST-laag tussen het scherm en je code.

Als de MCP-server is verbonden, heeft de agent Composite, Button en @Route opgezocht voordat deze ze schrijft.

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() + "!");
  }
}

Je prompt

Schrijf een TestBed-test voor GreetingView die een naam invoert, op ‘Begroeten’ klikt en de alinea controleert.

De test volgt de stappen van een gebruiker.

ComponentLocator vindt het veld op basis van het label en de knop op basis van de tekst.
UserInteraction typt en klikt, zodat de listener van de knop daadwerkelijk wordt uitgevoerd.
verifyThat controleert de tekst die een gebruiker zou lezen.

GreetingViewTest.java

@WebforjTest
class GreetingViewTest {

  @Test
  void shouldGreetTheNameTheUserTyped(WebforjTestbed context) {
    context.add(new GreetingView());

    var name = ComponentLocator.of(TextField.class).byLabel("Name").locate();
    var greet = ComponentLocator.of(Button.class).byText("Greet").locate();

    UserInteraction.type(name, "Ada");
    UserInteraction.click(greet);

    verifyThat(ComponentLocator.of(Paragraph.class).locate())
        .hasText("Hello, Ada!");
  }
}

De agent leest of iets is geslaagd of mislukt.

De agent voert mvn test uit en leest het resultaat. Er wordt geen browser geopend en er wordt geen server gestart.

Als het mislukt, geeft het bericht aan wat er afwijkt. De agent past het aan en voert het opnieuw uit. Een fout die de agent kan lezen, kan de agent oplossen.

Je beoordeelt een resultaat dat al is geslaagd, in plaats van een gok.

Terminal

$mvn test

GreetingViewTestshouldGreetTheNameTheUserTypedGeslaagd

Wanneer een controle mislukt, ziet het bericht er zo uit.Expected TextField to have value <Grace> but it has <Ada>.Geeft het type van de component, de verwachte waarde en de werkelijke waarde aan.

Stap 1 van 3

De stukken

Drie onderdelen achter de loop

AI-pluginbundelsMCP server Agentvaardigheden
TestBed
craftforJ Assistant

01 webforJ AI-plug-in

Eén installatie brengt beide onderdelen samen.

De plug-in bundelt de MCP-server en de Agent Skills. Samen zorgen ze ervoor dat een assistent de webforJ-conventies niet langer hoeft te raden, maar ze volgt.

Vermeld webforJ in je prompts. Dat is het signaal waardoor de assistent de plugin gebruikt in plaats van algemene Java-kennis.

Installeer de plug-in

Waar het wordt geïnstalleerd

Claude CodeMarketplace-opdracht
GitHub Copilot CLIMarketplace-opdracht
VS Code + CopilotChat: Plug-in installeren vanuit broncode
Gemini CLIExtensie installeren
OpenAI Codex CLIMarketplace-opdracht, daarna /plugins
Cursor, Kiro, Goose, Junie, AntigravityHandmatige configuratie

Waar een prompt naar streeft

Verpak deze Custom Element-bibliotheek als een webforJ-component.vaardigheid voor het maken van componenten
Stijl deze weergave met de DWC-ontwerptokens.vaardigheid voor styling-apps
Genereer een nieuw webforJ-zijmenuproject met de naam CustomerPortal.MCP-projectgenerator
Genereer een thema op basis van merkkleur #6366f1.MCP-themagenerator
Vind de webforJ-documentatie over @Route en routing.Zoeken in MCP-kennis

01a MCP-server, onderdeel van de AI-plug-in

De assistent raadpleegt de echte API in plaats van die uit het hoofd te kennen.

Model Context Protocol is een open standaard waarmee AI-assistenten op aanvraag externe tools kunnen aanroepen. De webforJ MCP-server geeft antwoorden op basis van het echte framework: documentatie, designtokens, componentstyling en het opzetten van projecten.

Validatie spoort typefouten en verzonnen tokens op voordat ze als CSS worden uitgebracht die ongemerkt faalt.

Ontdek wat de server kan

Gebruik de juiste webforJ-versie
Leest pom.xml als die beschikbaar is en vraagt het anders aan je. Alle antwoorden daarna zijn afgestemd op jouw versie.
Zoek informatie op in de kennisbank
Een API-vraag, een gids, een codevoorbeeld of de Kotlin DSL, beantwoord op basis van het echte framework.
Hoe stel ik routing in met @Route in webforJ?
Nieuw project aanmaken
De juiste Maven-archetypeopdracht voor hello-world, blank, tabs of sidemenu, in de webforj- of webforj-spring-variant.
Maak een webforJ-project met de naam CustomerPortal met het sidemenu-archetype.
Genereer een DWC-thema
Paletten voor primair, succes, waarschuwing, gevaar, info, standaard en grijs, op basis van één merkkleur, met automatisch tekstcontrast.
Genereer een webforJ-thema op basis van merkkleur #6366f1
DWC-componenten correct stylen
CSS custom properties, shadow parts, reflected attributes en slots: lees dit voordat je CSS schrijft.
Welke CSS-variabelen en parts biedt dwc-button?
Design tokens valideren
Controleert CSS, Java of Markdown aan de hand van de echte --dwc-* catalogus en markeert onbekende namen met suggesties voor correcties.
Valideer app.css op onbekende --dwc-* tokens

Alleen de MCP-server in Claude Code

claude mcp add webforj-mcp https://mcp.webforj.com/mcp -t http -s user

De plug-in is de aanbevolen installatiemethode. Met deze opdracht wordt alleen de server verbonden via https://mcp.webforj.com/mcp.

01b Agentvaardigheden, onderdeel van de AI-plug-in

De juiste workflow voor de taak die voor je ligt

De MCP-server biedt nauwkeurige informatie. Een skill vertelt de assistent wanneer iets moet worden opgezocht, welke aanpak geschikt is en in welke volgorde dingen moeten gebeuren.

Skills volgen de open Agent Skills-standaard. De assistent laadt er automatisch een wanneer je prompt erbij past.

Bekijk de vaardigheden

webforj-adding-servlets
REST-endpoints, webhooks en aangepaste servlets naast de webforJ-interface.
Voeg een REST-endpoint toe op /api/orders.
webforj-building-forms
Binding, Jakarta validation, gemaskeerde invoervelden en responsieve formulierindelingen.
Maak een registratieformulier dat aan mijn User-bean is gekoppeld.
webforj-creating-components
Herbruikbare Java-componenten uit Custom Elements, JavaScript-bibliotheken of composities.
Combineer deze webforJ-componenten tot een herbruikbare kaart.
webforj-handling-timers-and-async
Interval, Debouncer, Environment.runLater en PendingResult in plaats van directe timers en threads.
Vernieuw dit dashboard elke 30 seconden.
webforj-localizing-apps
Berichtenbundels, taalschakeling tijdens runtime en detectie van de browsertaal.
Voeg ondersteuning voor meerdere talen toe: Engels en Spaans.
webforj-securing-apps
Inloggen, uitloggen, rolgebaseerde toegang en standaard beveiligde routes.
Beveilig /admin zodat alleen gebruikers met de rol ADMIN deze kunnen zien.
webforj-styling-apps
Thema's, paletten en componentstyling; elk --dwc-*-token is gevalideerd.
Geef deze app een blauw thema.
webforj-upgrading-versions
Grote versie-upgrades met de officiële OpenRewrite-recipe van webforj-rewrite.
Upgrade deze app van webforJ 25 naar 26.

02 TestBed

Duidelijk geslaagd of mislukt, zonder browser of server.

Een view draait in een gewone JUnit-test. Componenten worden gekoppeld, activeren hun events en navigeren precies zoals in een draaiende app.

Elke interactie is voltooid voordat de volgende regel van de test wordt uitgevoerd, dus niets hoeft te wachten en tests mislukken niet willekeurig. Spring Boot-apps gebruiken de module webforj-spring-testbed.

Lees de TestBed-gids

ZoekenComponentLocator
Beschrijft een component zoals een gebruiker die herkent: aan de hand van het type en wat het weergeeft.
HandelUserInteraction
Voert alleen handelingen uit die een gebruiker kan uitvoeren. Klikken op een uitgeschakelde knop laat de test mislukken.
ControlerenverifyThat
Controleert wat de gebruiker ziet; bij een fout worden de component en beide waarden vermeld.

pom.xml

<dependency>
  <groupId>com.webforj</groupId>
  <artifactId>webforj-testbed-junit</artifactId>
  <scope>test</scope>
</dependency>

De versie is afkomstig uit de webforJ BOM. Een project dat met een archetype is aangemaakt, importeert deze al.

03 craftforJ Assistant

Een codeeragent in de draaiende app

Het schrijft zelfstandig Java-code, compileert elke wijziging voordat je die ziet en past deze toe op de draaiende app. Een wijziging toepassen herstart de app. Zodra de app weer actief is, pakt de agent zijn plan weer op.

Het wordt meegeleverd met webforJ, dus je hoeft niets te installeren. craftforJ heeft geen eigen model: voeg een API-sleutel toe voor een ondersteunde provider of gebruik een model dat lokaal met Ollama draait.

Maak kennis met de assistent

Woont in: AI-plug-inJe editor; craftforJ AssistantDe actieve app
Leest: AI-plug-inJe bronbestanden; craftforJ AssistantJe app, live, met echte waarden
Geverifieerd door: AI-plug-inJe volgende build; craftforJ AssistantElke wijziging compileren voordat je die ziet
Geschikt voor: AI-plug-inIets nieuws vanaf nul bouwen; craftforJ AssistantDe app voor je begrijpen, verbeteren en ermee prototypen

De craftforJ-assistent vraagt toestemming voordat hij handelt, direct in het transcript, met de opties Toepassen, Toestaan voor chat en Negeren. — De assistent vraagt eerst toestemming voordat deze handelt, direct in het transcript.

webforj.conf

webforj.debug = true
webforj.devtools.craftforj.enabled = true

craftforJ werkt alleen in de ontwikkelomgeving. Open het met Alt + Shift + D en schakel over naar het tabblad AI-assistent.

Aan de slag

Vraag om één scherm met een test

Kies een scherm dat je deze week anders zelf zou bouwen. webforJ is het full-stack Java-framework voor zakelijke webapps: je bouwt de hele app, inclusief schermen, in Java.

Installeer de plug-in

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

2
Genereer of open een webforJ-project
Vraag de MCP-server om een project of open een bestaand project.
3
Vraag in één prompt om de view en de bijbehorende TestBed-test.
Beschrijf het gedrag dat je belangrijk vindt, zodat de test dit controleert.
4
Voer mvn test uit en lees het resultaat

Drie manieren waarop door agents gebouwde Java misgaat, en de controle voor elk geval

Schrijf, controleer, beoordeel

Een view is een Java-klasse met een route

Drie onderdelen achter de loop

Eén installatie brengt beide onderdelen samen.

Waar het wordt geïnstalleerd

Waar een prompt naar streeft

De assistent raadpleegt de echte API in plaats van die uit het hoofd te kennen.

Gebruik de juiste webforJ-versie

Zoek informatie op in de kennisbank

Nieuw project aanmaken

Genereer een DWC-thema

DWC-componenten correct stylen

Design tokens valideren

De juiste workflow voor de taak die voor je ligt

Duidelijk geslaagd of mislukt, zonder browser of server.

Een codeeragent in de draaiende app

Vraag om één scherm met een test

Installeer de plug-in

Genereer of open een webforJ-project

Vraag in één prompt om de view en de bijbehorende TestBed-test.

Voer mvn test uit en lees het resultaat

Voer `mvn test` uit en lees het resultaat