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 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 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 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-4oihd[<div><img src="/_astro/braces.Djq0PW4_.svg" style="height: 20px !important;width: 20px !important"/></div>Parse Data3]
style ParseData-4oihd stroke:#a170ff
OpenAIModel-52v7e[<div><img 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
Generar contenido a partir de una URL
🧩 Descripción general
Este flujo de trabajo automatiza la creación de contenido listo para redes sociales a partir de un artículo web. Extrae el texto de una URL proporcionada, genera un resumen conciso y luego utiliza ese resumen para producir tanto un tuit atractivo como una imagen representativa. Este proceso agiliza la creación de contenido transformando una única fuente en múltiples activos de marketing cohesivos.
⚙️ Características principales
- Extrae y procesa el contenido de texto plano de una URL web dada.
- Genera un resumen conciso de los puntos clave del artículo utilizando un modelo de lenguaje.
- Crea un tuit atractivo, mejorado con emojis, basado en el resumen del artículo.
- Produce una imagen personalizada para representar visualmente el contenido del artículo.
- Genera un mensaje final que combina el tuit generado y la imagen.
🔄 Pasos del flujo de trabajo
| Nombre del componente | Función en el flujo de trabajo | Entradas clave | Salidas clave |
|---|---|---|---|
| URL | Obtiene el contenido sin procesar de la dirección web proporcionada. | URL(s) objetivo | Contenido web obtenido |
| Analizar datos | Convierte el contenido web sin procesar en texto plano limpio y estructurado. | Contenido web obtenido | Texto del artículo |
| Prompt (Resumen del artículo) | Construye una instrucción para que el modelo de lenguaje resuma el texto del artículo. | Texto del artículo | Instrucción de resumen |
| Modelo OpenAI (Resumen) | Genera un resumen conciso del artículo basado en la instrucción proporcionada. | Instrucción de resumen | Resumen del artículo |
| Prompt (Escritor de tuits) | Crea una instrucción para redactar un tuit atractivo a partir del resumen del artículo. | Resumen del artículo | Instrucción de generación de tuit |
| Modelo OpenAI (Generación de tuit) | Genera un tuit conciso y atractivo, incluyendo emojis relevantes. | Instrucción de generación de tuit | Tuit generado |
| Prompt (Propuesta de imagen) | Construye un prompt detallado de 50 palabras para la generación de imágenes basado en el resumen del artículo. | Resumen del artículo | Instrucción de propuesta de imagen |
| Modelo OpenAI (Propuesta de imagen) | Refina la propuesta de imagen en un prompt final optimizado para el generador de imágenes. | Instrucción de propuesta de imagen | Prompt final de imagen |
| Prompt (Generar imagen) | Formatea el prompt final de imagen para el modelo de generación de imágenes. | Prompt final de imagen | Instrucción de generación de imagen |
| Generador de imágenes DALL·E | Crea una imagen visual basada en la instrucción de generación de imágenes proporcionada. | Instrucción de generación de imagen | Imagen generada |
| Código JS | Procesa los datos de la imagen generada para crear un enlace de imagen formateado en Markdown. | Imagen generada | Enlace de imagen en Markdown |
| Analizar datos | Convierte el enlace de imagen en Markdown en un mensaje de texto plano. | Enlace de imagen en Markdown | Texto de la imagen |
| Combinar texto | Fusiona el tuit generado y el texto de la imagen en una única salida combinada. | Tuit generado, Texto de la imagen | Contenido combinado |
| Salida del chat | Muestra el contenido combinado final (tuit y enlace de imagen) en la interfaz del chat. | Contenido combinado | Mensaje de visualización final |
🧠 Notas
- El flujo de trabajo requiere una clave API válida de OpenAI para los componentes de generación de texto e imágenes.
- La calidad y relevancia del tuit y la imagen finales dependen en gran medida de la claridad y el detalle del contenido del artículo original.
- La generación de imágenes está configurada para el modelo DALL·E 2 por defecto, pero esto se puede ajustar.
- El sistema está diseñado para procesar una URL a la vez en su configuración actual.