graph TD %%{init: {'theme': 'mc','layout': 'elk'}}%% Prompt-uq0mq[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Propuesta de Imagen] style Prompt-uq0mq stroke:#a170ff ParseData-rijwg[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data] style ParseData-rijwg stroke:#a170ff Prompt-cf2w7[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Resumen del artículo] style Prompt-cf2w7 stroke:#a170ff OpenAIModel-xp2r0[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI] style OpenAIModel-xp2r0 stroke:#a170ff Prompt-8b4xy[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Redactor de tweet] style Prompt-8b4xy stroke:#a170ff OpenAIModel-k3h4h[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI] style OpenAIModel-k3h4h stroke:#a170ff URL-svy97[<div><img src="/_astro/layout-template.DBcxlmmt.svg" style="height: 20px !important;width: 20px !important"/></div>URL] style URL-svy97 stroke:#a170ff ChatOutput-5l8gy[<div><img src="/_astro/messages-square.BaSDmT6g.svg" style="height: 20px !important;width: 20px !important"/></div>Chat Output] style ChatOutput-5l8gy stroke:#a170ff DallEImageGenerator-jhlv0[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>DALL·E Image Generator] style DallEImageGenerator-jhlv0 stroke:#a170ff OpenAIModel-nx97c[<div><img src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAIPropuesta de Imagen] style OpenAIModel-nx97c stroke:#a170ff Prompt-hse57[<div><img src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Generar Imagen] style Prompt-hse57 stroke:#a170ff JsCode-bst4b[JS Code] style JsCode-bst4b stroke:#a170ff CombineText-46th0[Combine Text] style CombineText-46th0 stroke:#a170ff ParseData-tpkkd[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data2] style ParseData-tpkkd stroke:#a170ff ParseData-rijwg -.- Prompt-cf2w7 linkStyle 0 stroke:#a170ff Prompt-cf2w7 -.- OpenAIModel-xp2r0 linkStyle 1 stroke:#a170ff Prompt-8b4xy -.- OpenAIModel-k3h4h linkStyle 2 stroke:#a170ff URL-svy97 -.- ParseData-rijwg linkStyle 3 stroke:#a170ff OpenAIModel-xp2r0 -.- Prompt-uq0mq linkStyle 4 stroke:#a170ff Prompt-uq0mq -.- OpenAIModel-nx97c linkStyle 5 stroke:#a170ff OpenAIModel-nx97c -.- Prompt-hse57 linkStyle 6 stroke:#a170ff Prompt-hse57 -.- DallEImageGenerator-jhlv0 linkStyle 7 stroke:#a170ff OpenAIModel-xp2r0 -.- Prompt-8b4xy linkStyle 8 stroke:#a170ff DallEImageGenerator-jhlv0 -.- JsCode-bst4b linkStyle 9 stroke:#a170ff JsCode-bst4b -.- ParseData-tpkkd linkStyle 10 stroke:#a170ff ParseData-tpkkd -.- CombineText-46th0 linkStyle 11 stroke:#a170ff CombineText-46th0 -.- ChatOutput-5l8gy linkStyle 12 stroke:#a170ff OpenAIModel-k3h4h -.- CombineText-46th0 linkStyle 13 stroke:#a170ff

Generar contenido desde URL

🧩 Descripción general

El flujo transforma automáticamente el contenido de una URL en un resumen conciso y una imagen representativa, y combina ambos elementos en un mensaje listo para publicar. Automatiza la extracción de texto, la generación de resúmenes, la creación de prompts para imágenes, la generación de imágenes con DALL·E, y la composición final para el chat.

⚙️ Funcionalidades principales

Extrae el contenido de una URL y lo convierte en texto plano.
Genera un resumen del artículo con un modelo de lenguaje OpenAI.
Produce dos prompts a partir del resumen: uno para crear un tweet y otro para generar una imagen.
Genera la imagen con DALL·E y la convierte en Markdown.
Redacta el tweet con emojis y estilo atractivo.
Combina el tweet y la imagen en un único mensaje de chat.

🔄 Pasos del flujo de trabajo

Nombre del componente	Rol en el flujo	Entradas clave	Salidas clave
URL	Obtiene el contenido web.	URLs de la web.	Datos en bruto.
Parse Data	Extrae texto del contenido web.	Datos en bruto.	Texto plano del artículo.
Prompt (Resumen del artículo)	Genera el prompt para resumir el texto.	Texto plano del artículo.	Prompt de resumen.
OpenAI (Resumen)	Produce el resumen del artículo.	Prompt de resumen.	Resumen conciso.
Prompt (Propuesta de Imagen)	Crea el prompt que describe la imagen.	Resumen del artículo.	Prompt de imagen.
OpenAI (Propuesta de Imagen)	Genera la descripción textual para la imagen.	Prompt de imagen.	Prompt de DALL·E.
DALL·E Generador de Imágenes	Produce la imagen a partir del prompt.	Prompt de DALL·E.	Imagen en formato binario.
JS Code	Formatea la imagen en Markdown.	Imagen binaria.	Texto Markdown con la imagen.
Parse Data (Markdown)	Convierte el Markdown a texto plano.	Texto Markdown con imagen.	Texto plano Markdown.
Prompt (Redactor de tweet)	Crea el prompt para el tweet.	Resumen del artículo.	Prompt de tweet.
OpenAI (Redactor de tweet)	Genera el tweet con emojis y estilo.	Prompt de tweet.	Texto del tweet.
Combine Text	Une el tweet y el Markdown de la imagen.	Tweet; Markdown de la imagen.	Texto combinado (tweet + imagen).
Chat Output	Muestra el mensaje final en el chat.	Texto combinado.	Mensaje del chat.

🧠 Notas

Los modelos de OpenAI se configuran con el modelo gpt‑5 y un temperature de 0.1, lo que favorece respuestas coherentes y con poca variabilidad.
El DALL·E usa el modelo dall‑e‑2 con calidad standard y resolución 1024x1024.
El código JavaScript convierte la imagen binaria en una cadena Data‑URI, lo que permite incrustarla directamente en Markdown sin almacenar archivos externos.
El flujo se puede extender añadiendo pasos de validación, filtrado de contenido o posterior publicación automática en plataformas sociales.
La etiqueta de cada nodo (LabelComponent) solo sirve para documentación interna y no participa en la lógica de ejecución.