Saltar al contenido principal

Herramientas de IA para webforJ

Tu asistente de IA escribe el código Java. Ahora puede comprobarlo.

Las herramientas de programación con IA son rápidas, pero su resultado aún debe revisarse. webforJ les ofrece un ciclo de escribir, comprobar y revisar: la API real que deben consultar, el flujo de trabajo adecuado y una prueba que indica si se aprueba o falla, sin necesidad de un navegador.

Instalar el complementoRecorre el bucle

Para Claude Code, GitHub Copilot, Cursor, Gemini y Codex.

$claude plugin marketplace add webforj/webforj-ai
$claude plugin install webforj@webforj-ai
#Verificar en Claude Code
>/plugin
>/mcp
webforJ aparece en Instalado
plugin:webforj:webforj-mcp aparece en servidores conectados
Los comandos de instalación de la documentación. Una instalación incluye el servidor MCP y las habilidades del agente.

¿Por qué un bucle?

Tres formas en que falla el Java creado por agentes y cómo comprobar cada una

Cuando un agente de programación no tiene nada que consultar, escribe de memoria. Decirle que tenga cuidado no soluciona nada. Cada fallo necesita su propia verificación, y webforJ cierra cada brecha con una herramienta.

  1. 01
    Sin marca de verificación

    Llama a una API que no existe o que existía antes.

    La API real

    El servidor MCP busca en la base de conocimientos de webforJ para que el agente lea las firmas en lugar de recordarlas.

    Lee la documentación
  2. 02
    Sin marca de verificación

    Sigue prácticas genéricas de Java en lugar de las convenciones del framework.

    El flujo de trabajo adecuado

    Las habilidades del agente le indican cómo abordar formularios, seguridad, estilos, temporizadores y más.

    Lee la documentación
  3. 03
    Sin marca de verificación

    Genera código que compila, pero no hace nada útil cuando el usuario hace clic.

    Aprobado o reprobado

    TestBed ejecuta una vista en una prueba JUnit básica para que el agente pueda demostrar su propio trabajo.

    Lee la documentación

El bucle

Escribir, comprobar, revisar

El agente crea la vista, escribe la prueba, la ejecuta y comprueba si pasa o falla. Recorre una pantalla real, desde la instrucción hasta que la prueba pasa.

Tu prompt

Añade una vista de saludo de webforJ en /greeting. Un campo para el nombre, un botón «Saludar» y un párrafo que diga «Hola» seguido del nombre.

Una vista es una clase Java con una ruta

No se necesita nada más: ni plantilla, ni JavaScript, ni una capa REST entre la pantalla y tu código.

Con el servidor MCP conectado, el agente ha consultado Composite, Button y @Route antes de escribirlos.

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() + "!");
  }
}
Etapa 1 de 3

Las piezas

Tres piezas detrás del bucle

  1. Complemento de IAPaquetesServidor MCPHabilidades del agente
  2. TestBed
  3. craftforJ Assistant

01 Plugin de IA de webforJ

Una instalación incluye ambas partes.

El complemento incluye el servidor MCP y las habilidades del agente. Juntos convierten un asistente que adivina las convenciones de webforJ en uno que las sigue.

Menciona webforJ en tus prompts. Esa es la señal que dirige al asistente al complemento en lugar de a conocimientos generales de Java.

Instalar el plugin

Dónde se instala

  • Claude CodeComando de Marketplace
  • GitHub Copilot CLIComando de Marketplace
  • VS Code + CopilotChat: Instalar complemento desde el código fuente
  • Gemini CLIInstalación de extensión
  • OpenAI Codex CLIComando de Marketplace y luego /plugins
  • Cursor, Kiro, Goose, Junie, AntigravityConfiguración manual

Lo que busca un prompt

  • Envuelve esta biblioteca de elementos personalizados en un componente webforJ.habilidad para crear componentes
  • Aplica los tokens de diseño de DWC a esta vista.Habilidad para aplicar estilos a aplicaciones
  • Generar la estructura de un nuevo proyecto de menú lateral de webforJ llamado CustomerPortal.Generador de proyectos MCP
  • Generar un tema con el color de marca #6366f1.Generador de temas MCP
  • Busca la documentación de webforJ sobre @Route y enrutamiento.Búsqueda de conocimiento de MCP

01a Servidor MCP, parte del complemento de IA

El asistente lee la API real en lugar de recordarla.

Model Context Protocol es un estándar abierto que permite a los asistentes de IA llamar a herramientas externas cuando las necesitan. El servidor MCP de webforJ responde con información del framework real: documentación, tokens de diseño, estilos de componentes y estructura inicial de proyectos.

La validación detecta errores tipográficos y tokens inventados antes de que se publiquen como CSS con fallos silenciosos.

Descubre lo que puede hacer el servidor.

  1. Selecciona la versión correcta de webforJ

    Lee pom.xml si está disponible; de lo contrario, te lo preguntará. A partir de entonces, todas las respuestas se adaptarán a tu versión.

  2. Busca información en la base de conocimientos

    Una pregunta sobre la API, una guía, un ejemplo de código o el DSL de Kotlin, con respuestas basadas en el framework real.

    ¿Cómo configuro el enrutamiento con @Route en webforJ?

  3. Crear estructura de un nuevo proyecto

    El comando correcto de Maven archetype para hello-world, blank, tabs o sidemenu, en la variante webforj o webforj-spring.

    Crea un proyecto de webforJ llamado CustomerPortal con el arquetipo sidemenu.

  4. Generar un tema de DWC

    Paletas principal, de éxito, de advertencia, de peligro, informativa, predeterminada y gris a partir de un solo color de marca, con contraste de texto automático.

    Generar un tema de webforJ a partir del color de marca #6366f1

  5. Aplica el estilo correcto a los componentes DWC.

    Lee sobre CSS custom properties, shadow parts, reflected attributes y slots antes de escribir CSS.

    ¿Qué variables CSS y partes expone dwc-button?

  6. Validar tokens de diseño

    Verifica CSS, Java o Markdown frente al catálogo real --dwc-* y señala los nombres desconocidos con sugerencias de corrección.

    Validar app.css en busca de tokens --dwc-* desconocidos
Solo el servidor MCP, en Claude Code 
claude mcp add webforj-mcp https://mcp.webforj.com/mcp -t http -s user
El complemento es la instalación recomendada. Este comando conecta solo el servidor en https://mcp.webforj.com/mcp.

01b Habilidades del agente, parte del complemento de IA

El flujo de trabajo adecuado para la tarea que tienes por delante.

El servidor MCP pone a disposición información precisa. Una habilidad indica al asistente cuándo consultar información, qué enfoque conviene y en qué orden hacerlo.

Las habilidades siguen el estándar abierto Agent Skills. El asistente carga una automáticamente cuando tu solicitud coincide con ella.

Explorar habilidades
  • webforj-adding-servlets

    Endpoints REST, webhooks y servlets personalizados junto a la interfaz de usuario de webforJ.

    Añadir un endpoint REST en /api/orders.
  • webforj-building-forms

    Binding, validación de Jakarta, entradas enmascaradas y diseños de formularios adaptables.

    Crea un formulario de registro vinculado a mi bean User.
  • webforj-creating-components

    Componentes Java reutilizables de Custom Elements, bibliotecas de JavaScript o composiciones.

    Combina estos componentes de webforJ en una tarjeta reutilizable.
  • webforj-handling-timers-and-async

    Interval, Debouncer, Environment.runLater y PendingResult en lugar de usar temporizadores e hilos directamente.

    Actualiza este panel cada 30 segundos.
  • webforj-localizing-apps

    Paquetes de mensajes, cambio de idioma en tiempo de ejecución y detección de la configuración regional del navegador.

    Añade compatibilidad con varios idiomas: inglés y español.
  • webforj-securing-apps

    Inicio de sesión, cierre de sesión, acceso basado en roles y rutas seguras por defecto.

    Protege /admin para que solo los usuarios con el rol ADMIN puedan verlo.
  • webforj-styling-apps

    Temas, paletas y estilos de componentes con cada token --dwc-* validado.

    Aplica una paleta azul a esta aplicación.
  • webforj-upgrading-versions

    Actualizaciones de versiones principales con la receta oficial webforj-rewrite de OpenRewrite.

    Actualiza esta aplicación de webforJ 25 a 26.

02 TestBed

Un resultado claro: aprobado o reprobado, sin navegador ni servidor.

Una vista se ejecuta dentro de una prueba JUnit sencilla. Los componentes se montan, emiten sus eventos y navegan exactamente igual que en una aplicación en ejecución.

Cada interacción termina antes de que se ejecute la siguiente línea de la prueba, así que nada queda esperando ni falla de forma intermitente. Las aplicaciones Spring Boot usan el módulo webforj-spring-testbed.

Lee la guía de TestBed
  1. BuscarComponentLocator

    Describe un componente según cómo lo identifica el usuario: por su tipo y lo que muestra.

  2. ActuarUserInteraction

    Realiza únicamente los gestos que podría hacer un usuario. Hacer clic en un botón deshabilitado hace que la prueba falle.

  3. ComprobarverifyThat

    Comprueba lo que vería el usuario; si falla, indica el componente y ambos valores.

pom.xml
<dependency>
  <groupId>com.webforj</groupId>
  <artifactId>webforj-testbed-junit</artifactId>
  <scope>test</scope>
</dependency>
La versión proviene del BOM de webforJ. Un proyecto creado a partir de un arquetipo ya lo importa.

03 craftforJ Assistant

Un agente de programación dentro de la aplicación en ejecución

Escribe Java con libertad, compila cada cambio antes de que lo veas y lo aplica a la aplicación en ejecución. Al aplicar un cambio, la aplicación se reinicia y el agente retoma su plan cuando vuelve a estar disponible.

Viene incluido con webforJ, así que no hay nada que instalar. craftforJ no incluye ningún modelo propio: añade una clave de API de un proveedor compatible o conéctalo a un modelo que se ejecute localmente con Ollama.

Conoce al asistente
Vive en
Complemento de IATu editor
craftforJ AssistantLa aplicación en ejecución
Lecturas
Complemento de IATus archivos fuente
craftforJ AssistantTu app en vivo, con sus valores reales.
Verificado por
Complemento de IATu próxima compilación
craftforJ AssistantCompilando cada cambio antes de que lo veas
Adecuado para
Complemento de IACreando algo nuevo desde cero
craftforJ AssistantComprender, corregir y crear prototipos con la app que tienes delante
El asistente de craftforJ pregunta antes de actuar, integrado en la transcripción, con Aplicar, Permitir en el chat y Descartar.
El asistente pregunta antes de actuar, directamente en la transcripción.
webforj.conf
webforj.debug = true
webforj.devtools.craftforj.enabled = true
craftforJ solo se ejecuta en modo de desarrollo. Ábrelo con Alt + Shift + D y cambia a la pestaña Asistente de IA.

Cómo empezar

Solicita una pantalla con una prueba

Elige una pantalla que, de otro modo, tendrías que crear a mano esta semana. webforJ es el framework Java full-stack para aplicaciones web empresariales: construyes toda la aplicación, incluidas las pantallas, en Java.

  1. 1

    Instalar el complemento

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

    Generar o abrir un proyecto de webforJ

    Pide un proyecto al servidor MCP o abre uno que ya tengas.

  3. 3

    Pide la vista y su prueba de TestBed en un solo prompt.

    Describe el comportamiento que te interesa para que la prueba lo valide.

  4. 4

    Ejecuta mvn test y lee el resultado.