Edición con IA
El editor de temas soporta edición asistida por IA para modificar la configuración de secciones mediante instrucciones en lenguaje natural.
Endpoint
POST /admin/themes/sections/:id/ai-edit
Body
| Campo | Requerido | Descripción |
|---|---|---|
instruction | Sí | Instrucción en lenguaje natural |
{
"instruction": "Cambia el color de fondo a negro y el texto a blanco"
}
Flujo
- Carga los settings actuales de la sección
- Busca el schema de campos (
FieldSchema) de la sección - Envía al servicio
AIEditServicela instrucción junto con:- ID y nombre de la sección
- Campos disponibles (key, label, type, options)
- Settings actuales
- Mezcla la respuesta de la IA con los settings existentes
- Guarda el draft actualizado
- Retorna el partial HTML actualizado del panel de settings
Ejemplos de instrucciones
| Instrucción | Resultado |
|---|---|
| "Pon el fondo en negro" | bg_color: "#000000" |
| "Cambia el título a 'Bienvenido'" | title: "Bienvenido" |
| "Agrega un botón que diga Comprar" | cta_text: "Comprar" |
| "Usa la variante de carrusel" | variant_id: "carousel" |
Requisitos
- El servicio
AIEditServicedebe estar configurado en el backend - Si no está disponible, el endpoint devuelve
503 Service Unavailable
Generación de secciones con IA
Además de editar secciones existentes, la IA puede generar secciones completas:
POST /admin/themes/sections/ai-generate
Este endpoint crea una nueva sección con contenido generado por IA basado en una descripción textual.
Limitaciones
- La IA solo puede modificar campos definidos en el
FieldSchemade la sección - No puede crear campos nuevos ni modificar la estructura HTML
- Los cambios se guardan en el borrador — es necesario publicar para hacerlos visibles