Guía gratis · Precio reducido solo para la lista
La Intelligent UI de ChatGPT, pero en tu app
Si tu agente responde con texto, tu usuario lee y teclea. Si responde con HTML, no sabes qué pintará en la petición mil. Aquí tu agente genera formularios, tablas y botones con tus propios componentes, accesibles y con tu marca.
Para developers de TypeScript y React que meten agentes en su producto. LangGraph TS + AG-UI + A2UI, de punta a punta.
Apúntate y llévate gratis la guía «Agentes de IA en producción»
Dejar que el modelo escriba HTML sale caro
Funciona en la demo. En la petición mil, no sabes qué te va a pintar.
Diseño
HTML libreCada respuesta trae un marcado distinto: tu diseño se rompe sin avisar.
A2UIEl agente solo puede usar los componentes que tú le das.
Accesibilidad
HTML libreCampos sin etiqueta, botones que un lector de pantalla no sabe nombrar.
A2UILa accesibilidad vive en tus componentes, no en lo que se invente el modelo.
Seguridad
HTML libreCódigo que llega del modelo y se ejecuta en el navegador de tu usuario.
A2UIEl agente manda datos, no código: tu app decide cómo pintarlos.
Gratis al apuntarte
Agentes de IA en producción: la guía real
Tu agente funciona en tu portátil. Luego lo subes, se reinicia el servidor y las conversaciones desaparecen. Esta guía son las 9 piezas que tienen que estar antes de que entre el primer usuario: el fallo, la regla y el código de cada una, comprobado contra la documentación oficial.
- Estado que sobrevive a un reinicio (adiós, MemorySaver)
- Un tope para cada bucle, y qué contestar cuando salta
- Cuánto cuesta cada conversación, no solo la factura del mes
- Herramientas con el mínimo poder: el usuario sale de la sesión, no del modelo
- Una persona aprueba lo que no tiene vuelta atrás (interrupt)
- Todo lo que entra de fuera es un dato, no una orden
- La salida es un contrato, también la interfaz
- Tests que no llaman al modelo, y evals que sí
- Puedes ver qué hizo, paso a paso
Más una checklist de una página para revisar antes de cada lanzamiento. 14 páginas en PDF.
Quiero la guía gratisTres piezas, una cada cosa
LangGraph (TypeScript)
El agente: decide qué interfaz necesita el usuario en cada momento.
AG-UI
El cable: lleva eventos entre el agente y tu frontend en streaming.
A2UI
El idioma: el agente describe la interfaz y tu app la pinta con sus componentes.
Qué pasa entre la pregunta y el formulario
Una petición, de punta a punta. En ningún paso el modelo escribe código que se ejecute en el navegador.
Tu usuario
Pide algo en tu app: "quiero cambiar la fecha de mi reserva".
LangGraph
El agente decide que eso se resuelve mejor con un formulario que con un párrafo.
A2UI
Lo describe como datos: qué componentes de tu catálogo usar y con qué valores.
AG-UI
Lleva esa descripción a tu frontend en streaming, junto con el texto y el estado del agente.
Tu React
Valida la descripción contra tu catálogo y sus etiquetas, y la pinta con tus componentes.
De vuelta
Lo que el usuario rellena vuelve al agente como una acción con datos, no como texto suelto.
Lo que montamos en el workshop
Sales con un repo funcionando: el agente, tu catálogo de componentes y un CI que falla si el agente genera una interfaz inaccesible.
- Montar el agente en LangGraph TypeScript y conectarlo a tu frontend con AG-UI
- Diseñar el catálogo de componentes que el agente puede usar (y los que no)
- Recibir, validar y renderizar mensajes A2UI con tus propios componentes
- Rechazar etiquetas accesibles vacías o genéricas antes de que lleguen a pantalla
- Tests de accesibilidad automáticos (axe) en el CI sobre la UI que genera el agente
- Qué hacer cuando cambie la spec: A2UI todavía está en preview
La etiqueta obligatoria no basta
La spec de A2UI exige una etiqueta accesible en cada componente con acciones o campos. Pero el texto lo sigue escribiendo el modelo, y "Botón 1" pasa la regla.
En el workshop ponemos la red que falta: validación de etiquetas antes de pintar y axe en el CI sobre la interfaz que genera el agente.
Antes de apuntarte
¿Es para ti?
Si te reconoces en estas frases, este workshop está hecho para ti.
Es para ti si…
- Ya tienes un producto en TypeScript y React y quieres meterle un agente de verdad.
- Tu agente responde con texto y sabes que un formulario o una tabla resolverían antes.
- Te preocupa que lo que pinta el agente rompa tu diseño o tu accesibilidad.
- Quieres llevarte un repo que funcione, no una charla de conceptos.
No es para ti si…
- Buscas montar un chatbot sin escribir código.
- No has tocado TypeScript ni React.
- Quieres la Intelligent UI dentro de ChatGPT, no en tu producto.
Quién lo imparte
Bezael Pérez
Llevo años construyendo frontend con TypeScript y ahora meto agentes en productos reales.
Escribí Spec-Driven Development (Amazon), tengo cursos en Udemy, enseño en el canal de YouTube de Dominicode y doy formaciones de IA a equipos de desarrollo en España y Latinoamérica.
En el workshop te enseño lo que me funciona en producción, no lo que queda bien en una demo.
Preguntas
¿La guía es gratis?
Sí. Te apuntas a la lista y la descargas en ese momento: 9 problemas reales de llevar un agente a producción, con el código de cada uno y una checklist de una página.
¿La guía sirve si no uso LangGraph?
Sí. El código está en LangGraph TypeScript, pero cada sección empieza por el fallo y la regla, y las reglas valen igual con Mastra, con el SDK de tu proveedor o con tu propio bucle.
¿Cuándo es y cuánto cuesta?
Aún no hay fecha ni precio. Sale si hay suficiente gente en la lista. Si te apuntas, eres el primero en saberlo y entras con un precio reducido que solo tiene la lista.
¿Qué necesito saber?
TypeScript y algo de React. No hace falta experiencia previa con agentes: el agente lo montamos desde cero.
¿A2UI no está en preview?
Sí, y por eso el workshop incluye cómo aislar tu app de los cambios de la spec. Lo que sí es estable es la idea: el agente describe, tu app pinta.
¿Es lo mismo que la Intelligent UI de ChatGPT?
La idea es la misma: interfaces dentro de la respuesta del agente. La diferencia es que esto vive en tu producto, con tus componentes y tu marca, no dentro de ChatGPT.
Llévate la guía y te aviso primero
Descargas «Agentes de IA en producción» ahora. Cuando el workshop tenga fecha, te escribo con el precio reducido de la lista. Nada más.