En pocas palabras: Elegant Themes recomienda diez Divi AI Agent Commands para Divi 5, entre ellos mantener estilos existentes, comparar con un diseño aprobado, convertir valores en Global Variables y revisar accesibilidad y responsive antes de entregar el sitio al cliente.
Divi AI Agents ya permite guardar instrucciones reutilizables como Commands dentro del Visual Builder de Divi 5. Elegant Themes publicó una lista de diez comandos divi ai agents listos para copiar, que van desde mantener estilos existentes hasta revisar accesibilidad antes de entregar un sitio al cliente.
Los Divi AI Agent Commands son instrucciones en lenguaje natural que se guardan dentro del chat del agente de Divi 5 y se reutilizan escribiendo una barra (/) para elegirlas de una lista. Cada comando funciona como plantilla fija que el agente combina con un mensaje puntual y con Context (una referencia visual o un elemento existente) para ejecutar tareas repetidas de diseño sin reescribir las instrucciones cada vez.
En este artículo:
- En 30 segundos
- ¿Qué son los Divi AI Agent Commands y cómo funcionan dentro del Visual Builder?
- ¿Cómo guardar y reutilizar un comando en Divi AI Agents paso a paso?
- ¿Qué comandos sirven para mantener consistencia de estilos y presets?
- ¿Cómo comparar una página con un diseño aprobado sin modificar nada?
- ¿Cómo convertir valores de diseño fijos en Global Variables con IA?
- ¿Qué comandos conviene usar para revisar responsive y accesibilidad antes de publicar?
- ¿Build Mode o Ask Mode? Cuándo usar cada modo según el comando
- Errores comunes al armar una librería de comandos
- Preguntas Frecuentes
- Conclusión
- Fuentes
En 30 segundos
- Los comandos se guardan con el botón Add New Command en el chat del agente y se invocan escribiendo «/» en el Visual Builder de Divi 5.
- Elegant Themes publicó 10 comandos listos para copiar en su guía oficial, divididos entre tareas de construcción y tareas de revisión.
- Los comandos 1, 2 y 4 a 7 necesitan Build Mode porque crean o modifican elementos y recursos de diseño.
- Los comandos 3 y 8 a 10 corren en Ask Mode: reportan diferencias, problemas responsive o de accesibilidad sin tocar la página.
- Antes de guardar un comando para siempre, conviene probarlo en una página real, en especial el que convierte valores fijos en Global Variables.
¿Qué son los Divi AI Agent Commands y cómo funcionan dentro del Visual Builder?
Los Divi AI Agents trabajan dentro del Visual Builder de Divi 5 y permiten construir o editar páginas con instrucciones en texto simple: agregar una sección, ajustar un módulo, revisar un layout. Cuando esa instrucción se repite entre páginas (pedir secciones que respeten el estilo existente, revisiones que no toquen contenido aprobado, chequeos antes de mostrarle algo a un cliente), se puede guardar como Command y reutilizarla después con una sola barra en el chat.
Ahí está la gracia del asunto. Seleccionás el comando de la lista, se adjunta al próximo mensaje, y vos sumás el texto puntual de esa página en particular más el Context, que puede ser una sección ya aprobada, un preset o incluso una captura de referencia. El agente recibe las instrucciones guardadas junto con esos detalles específicos, no trabaja con información genérica.
¿Cómo guardar y reutilizar un comando en Divi AI Agents paso a paso?
Guardar un comando en Divi AI Agents toma cuatro pasos dentro del chat del agente: abrir la lista de Commands, crear uno nuevo, escribir el texto, y confirmar. Después se reutiliza escribiendo «/» y sumando los detalles de la página donde lo vas a aplicar. Esto se conecta con lo que analizamos en cómo configurar las reglas de tus agentes.
- Abrí la lista de Commands: dentro del chat del agente en el Visual Builder, hacé clic en el ícono de Commands.
- Click en Add New Command: ahí se abre el formulario para crear uno nuevo.
- Escribí título e instrucciones: el título es el nombre que vas a ver en la lista, las instrucciones son el texto fijo que el agente va a ejecutar cada vez.
- Guardá con Save Command: queda disponible en tu librería personal.
- Reutilizalo con «/»: escribís la barra, elegís el comando, agregás los detalles de la página actual (qué sección, qué conservar, qué referencia usar) y mandás el mensaje.
Según la guía oficial de Elegant Themes, conviene testear cada comando y revisar el resultado antes de guardarlo para uso futuro. Tiene sentido: un comando mal redactado una vez se va a repetir mal en cada página donde lo uses.
¿Qué comandos sirven para mantener consistencia de estilos y presets?
Cuatro de los diez comandos apuntan directamente a resolver el problema más repetido en cualquier proyecto Divi: que una sección nueva no termine pareciendo de otro sitio. Los cuatro corren en Build Mode porque crean o modifican elementos.
Build With Existing Styles
Este comando le pide al agente que inspeccione un diseño de referencia y reutilice los presets y Global Variables compatibles, sin modificar sus definiciones. En el ejemplo de la fuente, se usó una página inmobiliaria: adjuntaron la sección «Expertise You Can Trust» como Context y pidieron una sección nueva «How It Works» con tres pasos numerados, arriba de «Meet Our Experienced Team». El agente armó la sección siguiendo la referencia (hay que revisar después qué presets y variables reutilizó, porque eso determina si la sección nueva sigue las actualizaciones futuras del estilo compartido).
Create A Design Variation Without Replacing The Original
Sirve cuando querés probar un tratamiento visual distinto sin perder la versión actual. Duplica los elementos indicados, aplica los cambios solo a la copia y deja todo lo demás intacto con overrides locales, sin tocar presets ni variables globales. El ejemplo probado fue un hero de «Jenny Smith»: pidieron un duplicado debajo con colores más suaves para un portfolio de moda, dejando que el agente elija fondo, texto y botón mientras conserva contenido, imágenes, tipografía y espaciado. Ojo con un detalle técnico: si el original usa anchor links o IDs de elemento, hay que revisarlos en la copia para que cada ID siga siendo único.
Match Styles To A Reference
Útil cuando elementos que cumplen la misma función se desalinean con el tiempo (botones, tarjetas, CTAs). Se probó con tres botones «Contact Agent» en la sección «Divi Exclusives»: después de darles estilos distintos a propósito, usaron el primero como referencia y el agente ajustó los otros dos para que coincidan. Falta un paso que la fuente marca como pendiente de revisión manual: confirmar el estado hover y que cada botón siga apuntando a su destino correcto. Complementá con generar SVG directamente con IA.
Align Typography And Spacing With Your Design Standards
Alinea tipografía y espaciado entre elementos equivalentes (encabezados de tarjeta, texto de cuerpo) sin que pierdan su jerarquía respecto al encabezado de sección, que es más grande. En la página inmobiliaria usaron el primer ítem de servicio como Context y pidieron igualar los otros dos, sin tocar el encabezado principal de la sección. Hay que revisar el resultado en distintos tamaños de pantalla: títulos de distinta longitud pueden terminar ocupando distinta cantidad de líneas aunque el estilo sea idéntico.
Un quinto comando de esta familia, Save Repeated Styling As A Preset, guarda un conjunto de estilos que se repite como preset reutilizable, para no tener que copiar configuraciones módulo por módulo cada vez que aparece el mismo patrón visual.
¿Cómo comparar una página con un diseño aprobado sin modificar nada?
El comando «Compare With A Design Reference» corre en Ask Mode y reporta diferencias de layout, tipografía, color y espaciado contra una referencia aprobada, sin aplicar ningún cambio. Separa lo que puede verificar de lo que no, y pide que se tengan en cuenta las diferencias de tamaño de viewport.
En la prueba de la fuente compararon la variación de colores más suave del hero de «Jenny Smith» contra una captura del original. ¿Y qué pasó cuando lo corrieron? El agente pidió subir y confirmar la imagen de referencia antes de seguir, y después identificó las diferencias de color sin tocar nada. Es un paso lógico (preferible a que el agente adivine qué versión es la «correcta»), pero obliga a tener a mano capturas limpias de cada diseño aprobado. Ya lo cubrimos antes en cuánto cuesta cada nivel Auto.
¿Cómo convertir valores de diseño fijos en Global Variables con IA?
El comando «Convert Design Values To Variables» inspecciona una página o elemento en busca de valores de diseño fijos (colores, espaciados repetidos) y propone convertirlos en Global Variables, pero espera confirmación antes de crear o aplicar nada. Revisa primero si ya existe una variable que coincida en valor y propósito, para no duplicar.
El ejemplo usado fue, otra vez, la sección «Expertise You Can Trust» de la página inmobiliaria: le pidieron al agente identificar colores fijos y espaciados repetidos para convertir. Acá viene la parte que no hay que saltarse: revisar los mapeos propuestos antes de confirmar, porque una configuración puede estar usada en más lugares de los que pensás, y convertirla en variable global sin chequear puede arrastrar cambios no deseados a otras secciones.
¿Qué comandos conviene usar para revisar responsive y accesibilidad antes de publicar?
Tres comandos de la lista corren en Ask Mode exclusivamente para revisión final, sin modificar la página: «Review Tablet And Phone Layouts» chequea cómo se ve el diseño en pantallas más chicas, «Check Basic Accessibility Details» reporta aspectos básicos de accesibilidad visual (no es un chequeo de seguridad ni de hardening, eso queda para otro tipo de auditoría), y «Run A Final Content Check Before Handoff» revisa el contenido antes de entregarle el sitio al cliente. Mirá también cómo Microsoft vigila a sus propios agentes.
Los tres sirven como última capa de control antes de mandar algo a producción. Y hablando de producción: una vez que el diseño pasó estas revisiones, el paso lógico es subirlo a un hosting WordPress que no te complique la vida, como el hosting WordPress de Donweb, para no sumar otro problema de performance arriba de todo el trabajo de diseño.
¿Build Mode o Ask Mode? Cuándo usar cada modo según el comando
Build Mode se usa para los comandos que crean o modifican elementos (1, 2, 4, 5, 6 y 7); Ask Mode para los que solo reportan hallazgos sin tocar nada (3, 8, 9 y 10). La tabla resume los diez. Tema relacionado: la paleta de comandos de Gutenberg FSE.
| Comando | Modo | Qué hace |
|---|---|---|
| Build With Existing Styles | Build Mode | Crea elementos siguiendo una referencia de diseño aprobada |
| Create A Design Variation | Build Mode | Duplica elementos y aplica cambios solo a la copia |
| Compare With A Design Reference | Ask Mode | Reporta diferencias contra una referencia, sin modificar |
| Match Styles To A Reference | Build Mode | Alinea el estilo de varios elementos a uno de referencia |
| Align Typography And Spacing | Build Mode | Iguala tipografía y espaciado preservando jerarquía |
| Convert Design Values To Variables | Build Mode | Propone y aplica conversión de valores fijos a Global Variables |
| Save Repeated Styling As A Preset | Build Mode | Guarda un patrón de estilos repetido como preset |
| Review Tablet And Phone Layouts | Ask Mode | Revisa el layout en pantallas tablet y teléfono |
| Check Basic Accessibility Details | Ask Mode | Chequea aspectos básicos de accesibilidad visual |
| Run A Final Content Check Before Handoff | Ask Mode | Revisa contenido antes de entregar el sitio al cliente |
Errores comunes al armar una librería de comandos
- Guardar un comando sin probarlo antes: un texto de instrucciones mal armado se va a repetir mal en cada página donde lo uses después. Testealo en una página real primero y recién ahí guardalo para siempre.
- Reusar un Context desactualizado: al aplicar un comando guardado en otra página, el elemento o preset que adjuntaste como referencia puede no existir ahí. Revisá que el Context siga identificando algo real antes de mandar el mensaje.
- Confirmar conversiones a Global Variables sin revisarlas: el comando 6 pide confirmación antes de crear variables, pero si aceptás los mapeos sin mirarlos podés terminar enlazando configuraciones que no deberían compartir la misma variable.
- Mezclar los modos: los comandos de reporte (3, 8, 9, 10) están pensados para Ask Mode. Usarlos en Build Mode no tiene sentido porque esos comandos ni están diseñados para aplicar cambios, están diseñados para avisarte qué corregir.
Preguntas Frecuentes
¿Qué son los Divi AI Agent Commands?
Son instrucciones en lenguaje natural que se guardan dentro del chat del agente de IA en el Visual Builder de Divi 5 y se reutilizan escribiendo «/» para elegirlas de una lista. Cada comando combina texto fijo con un mensaje puntual y un Context específico de la página donde se aplica.
¿Cómo se crea un comando personalizado en Divi AI Agents?
Se abre la lista de Commands en el chat del agente, se hace clic en Add New Command, se escribe el título y las instrucciones, y se confirma con Save Command. Después queda disponible para invocarlo con «/» en cualquier página.
¿Qué diferencia hay entre Build Mode y Ask Mode en Divi?
Build Mode permite que el agente cree o modifique elementos y recursos de diseño en la página, mientras que Ask Mode solo reporta hallazgos (diferencias de diseño, problemas responsive, accesibilidad) sin aplicar ningún cambio. Los comandos 1, 2, 4, 5, 6 y 7 usan Build Mode; los comandos 3, 8, 9 y 10 usan Ask Mode.
¿Cómo hago que la IA de Divi respete mis estilos y presets existentes?
Usando el comando «Build With Existing Styles» y adjuntando como Context una sección o diseño ya aprobado. El agente inspecciona esa referencia y reutiliza los presets y Global Variables compatibles sin modificar sus definiciones originales.
¿Se puede comparar un diseño con una referencia aprobada usando IA en Divi?
Sí, con el comando «Compare With A Design Reference» en Ask Mode, que revisa layout, tipografía, color y espaciado contra una imagen o elemento de referencia y reporta las diferencias sin modificar la página. En la prueba de Elegant Themes, el agente pidió confirmar la imagen de referencia antes de hacer la comparación.
Conclusión
Lo que cambia con esta lista de diez comandos no es la capacidad del agente de Divi (eso ya estaba), cambia que ahora hay una forma de ordenar las instrucciones que se repiten en todo proyecto: mantener estilos, comparar contra lo aprobado, limpiar valores fijos, revisar responsive y accesibilidad antes de entregar. Si trabajás con Divi 5 todos los días, armar tu propia librería de comandos a partir de estos diez (adaptados a tu flujo, no copiados tal cual) ahorra bastante tiempo de tipeo repetido. El punto es que ningún comando reemplaza la revisión humana final, en especial el que toca Global Variables: ese paso de confirmación antes de aplicar cambios está ahí por una razón.
