Resumen técnico
- • API principal: `POST /api/workflow`.
- • Modelos utilizados: `gpt-4o-mini` y `gpt-image-1`.
- • Salida: HTML con clase `.ia-generated` + imagen.
- • Destino: publicación directa en WordPress.
Flujo del agente
Cómo ChatKit produce y publica un artículo
Este recorrido explica las etapas que recorre la demo: desde que el usuario propone un tema hasta que el contenido estilizado queda publicado en WordPress con un look consistente.
Buenas prácticas
- • Limita la longitud del tema para obtener textos precisos.
- • Ajusta la clase `.ia-generated` para mantener identidad.
- • Usa estado `draft` en WordPress si necesitas revisión.
- • Loggea respuestas de error para facilitar el soporte.
Etapas del pipeline
1. Validación y seguridad
El endpoint recibe la solicitud desde la interfaz, verifica la clave pública `PUBLIC_EXPERIMENT_KEY` y solo continúa si coincide.
2. Generación del contenido
Se invoca a `gpt-4o-mini` con un prompt estructurado para crear el artículo HTML. El resultado se envuelve con la clase `.ia-generated` y estilos inline.
3. Diseño y recursos visuales
El flujo solicita a `gpt-image-1` una imagen destacada siguiendo la estética definida en el prompt, lista para subirse como media en WordPress.
4. Publicación automatizada
Si las credenciales de WordPress están disponibles, se crea el post con título derivado del `<h1>`, contenido estilizado.
5. Retroalimentación a la UI
La API responde con el HTML final, la URL de la imagen y el enlace publicado para que la interfaz muestre la vista previa y confirme el éxito.
Diagrama simplificado
Usuario → /api/workflow?key=PUBLIC_EXPERIMENT_KEY ├─> Validar clave ├─> generateStyledArticle(topic) │ └─> gpt-4o-mini produce HTML ├─> generateImage(topic) │ └─> gpt-image-1 devuelve URL ├─> publishToWordPress(html, imageUrl) │ ├─> Subir imagen destacada │ └─> Crear post con contenido IA └─> Responder a la UI con enlaces y mensaje
Puedes extender este flujo añadiendo pasos de moderación, chequeo SEO o analítica de engagement antes de publicar.