Todas las plantillas Por el equipo NappAI Generar contenido a partir de una URL
El objetivo es transformar el contenido de una URL en un resumen conciso y una imagen representativa. El flujo utiliza IA para generar ambos elementos de forma automática.
+2
graph TD
%%{init: {'theme': 'mc','layout': 'elk'}}%%
Prompt-uq0mq[<div><img alt="logo" src="/_astro/square-terminal.BMOXc-nZ.svg" style="height: 20px !important;width: 20px !important"/></div>Prompt Propuesta de Imagen]
style Prompt-uq0mq stroke:#a170ff
Prompt-cf2w7[<div><img alt="logo" 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
Prompt-8b4xy[<div><img alt="logo" 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 alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAI]
style OpenAIModel-k3h4h stroke:#a170ff
URL-svy97[<div><img alt="logo" src="/_astro/layout-template.DBcxlmmt.svg" style="height: 20px !important;width: 20px !important"/></div>URL]
style URL-svy97 stroke:#a170ff
ChatOutput-5l8gy[<div><img alt="logo" 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 alt="logo" 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 alt="logo" 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 alt="logo" 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 alt="logo" src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data2]
style ParseData-tpkkd stroke:#a170ff
ParseData-4oihd[<div><img alt="logo" src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data3]
style ParseData-4oihd stroke:#a170ff
OpenAIModel-52v7e[<div><img alt="logo" src="/_astro/openAI.BhmuxEs3.svg" style="height: 20px !important;width: 20px !important"/></div>OpenAIPropuesta de Imagen]
style OpenAIModel-52v7e stroke:#a170ff
Prompt-8b4xy -.- OpenAIModel-k3h4h
linkStyle 0 stroke:#a170ff
Prompt-uq0mq -.- OpenAIModel-nx97c
linkStyle 1 stroke:#a170ff
OpenAIModel-nx97c -.- Prompt-hse57
linkStyle 2 stroke:#a170ff
Prompt-hse57 -.- DallEImageGenerator-jhlv0
linkStyle 3 stroke:#a170ff
DallEImageGenerator-jhlv0 -.- JsCode-bst4b
linkStyle 4 stroke:#a170ff
JsCode-bst4b -.- ParseData-tpkkd
linkStyle 5 stroke:#a170ff
ParseData-tpkkd -.- CombineText-46th0
linkStyle 6 stroke:#a170ff
CombineText-46th0 -.- ChatOutput-5l8gy
linkStyle 7 stroke:#a170ff
OpenAIModel-k3h4h -.- CombineText-46th0
linkStyle 8 stroke:#a170ff
URL-svy97 -.- ParseData-4oihd
linkStyle 9 stroke:#a170ff
ParseData-4oihd -.- Prompt-cf2w7
linkStyle 10 stroke:#a170ff
Prompt-cf2w7 -.- OpenAIModel-52v7e
linkStyle 11 stroke:#a170ff
OpenAIModel-52v7e -.- Prompt-8b4xy
linkStyle 12 stroke:#a170ff
OpenAIModel-52v7e -.- Prompt-uq0mq
linkStyle 13 stroke:#a170ff
📄 Documentación del flujo “Generar contenido a partir de una URL”
🧩 Descripción general
El flujo extrae el contenido de una URL, lo resume y crea una publicación completa: un tuit atractivo y una imagen representativa del resumen. El proceso combina modelos de lenguaje y generación de imágenes IA, y entrega un mensaje de chat listo para publicar.
⚙️ Funcionalidades principales
- Extrae y convierte en texto plano el contenido de una página web.
- Resume el artículo con un modelo de lenguaje.
- Genera un prompt para redactar un tuit conciso.
- Genera un prompt para crear una imagen basada en el resumen.
- Produce el tuit y la imagen con modelos de IA.
- Convierte la imagen binaria en Markdown.
- Combina el tuit y la imagen en un único mensaje.
- Entrega el mensaje final a la salida de chat.
🔄 Pasos del flujo de trabajo
| Nombre del componente | Rol en el flujo | Entradas clave | Salidas clave |
|---|---|---|---|
| URL | Recupera el contenido de la web. | URL(s) de la página. | Datos en bruto (HTML). |
| Parsear Datos | Extrae el texto del artículo. | Datos en bruto. | Texto del artículo. |
| Prompt (Resumen del artículo) | Construye el prompt para resumir. | Texto del artículo. | Prompt de resumen. |
| Modelo de OpenAI (Resumen) | Genera un resumen conciso. | Prompt de resumen. | Resumen del artículo. |
| Prompt (Redactor de tuit) | Prepara el prompt para redactar el tuit. | Resumen del artículo. | Prompt de tuit. |
| Modelo de OpenAI (Tweet) | Crea el texto del tuit. | Prompt de tuit. | Texto del tuit. |
| Prompt (Propuesta de Imagen) | Prepara el prompt para la imagen. | Resumen del artículo. | Prompt de imagen. |
| Modelo de OpenAI (Imagen) | Produce el prompt final para la generación de imagen. | Prompt de imagen. | Prompt de imagen. |
| Generador de Imágenes DALL·E | Genera la imagen a partir del prompt. | Prompt de imagen. | Imagen en formato binario. |
| Código JavaScript | Convierte la imagen binaria a Markdown. | Imagen binaria. | Texto con Markdown que incrusta la imagen. |
| Parsear Datos | Extrae el texto Markdown de la imagen. | Texto con Markdown. | Texto Markdown (con la imagen). |
| Combinar Texto | Une el tuit y el Markdown con la imagen. | Texto del tuit (texto 1) Texto Markdown (texto 2) |
Texto combinado. |
| Salida de Chat | Entrega el mensaje final listo para publicar. | Texto combinado. | Mensaje de chat. |
🧠 Notas
- El flujo depende de claves de API para OpenAI y DALL·E; deben estar configuradas antes de ejecutar.
- Se emplean tres instancias distintas del modelo OpenAI (resumen, tweet, imagen). Cada una puede configurarse con parámetros de
max_tokens,temperature, etc. - El componente Código JavaScript convierte la imagen binaria a una cadena Markdown usando un Data URI; no se guarda la imagen en disco.
- El proceso de parseo se repite para asegurar que el Markdown resultante se comporte como texto plano antes de la concatenación.
- El flujo está diseñado para producir resultados coherentes y concisos; sin embargo, la calidad del resumen, tuit e imagen depende de la longitud del contenido original y de los parámetros de los modelos.
- Se asume que el contenido extraído es de dominio público y que la publicación en redes sociales está permitida.