Build AI Business Solutions with Workflow Automation | NappAI - Template: Generar contenido a partir de una URL

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

Generate Content from a URL

🧩 Overview

This workflow automates the creation of social media-ready content from a web article. It extracts text from a provided URL, generates a concise summary, and then uses that summary to produce both an engaging tweet and a representative image. This process streamlines content creation by transforming a single source into multiple, cohesive marketing assets.

⚙️ Main Features

Extracts and processes plain text content from a given web URL.
Generates a concise summary of the article's key points using a language model.
Creates an attractive, emoji-enhanced tweet based on the article summary.
Produces a custom image to visually represent the article's content.
Outputs a final message combining the generated tweet and the image.

🔄 Workflow Steps

Component Name	Role in the Workflow	Key Inputs	Key Outputs
URL	Fetches the raw content from the provided web address.	Target URL(s)	Fetched Web Content
Parse Data	Converts the raw web content into clean, structured plain text.	Fetched Web Content	Article Text
Prompt (Article Summary)	Constructs an instruction for the language model to summarize the article text.	Article Text	Summary Instruction
OpenAI Model (Summary)	Generates a concise summary of the article based on the provided instruction.	Summary Instruction	Article Summary
Prompt (Tweet Writer)	Creates an instruction to craft an engaging tweet from the article summary.	Article Summary	Tweet Generation Instruction
OpenAI Model (Tweet Generation)	Generates a concise and attractive tweet, including relevant emojis.	Tweet Generation Instruction	Generated Tweet
Prompt (Image Proposal)	Builds a detailed, 50-word prompt for image generation based on the article summary.	Article Summary	Image Proposal Instruction
OpenAI Model (Image Proposal)	Refines the image proposal into a final, optimized prompt for the image generator.	Image Proposal Instruction	Final Image Prompt
Prompt (Generate Image)	Formats the final image prompt for the image generation model.	Final Image Prompt	Image Generation Instruction
DALL·E Image Generator	Creates a visual image based on the provided image generation instruction.	Image Generation Instruction	Generated Image
JS Code	Processes the generated image data to create a Markdown-formatted image link.	Generated Image	Image Markdown Link
Parse Data	Converts the image Markdown link into a plain text message.	Image Markdown Link	Image Text
Combine Text	Merges the generated tweet and the image text into a single, combined output.	Generated Tweet, Image Text	Combined Content
Chat Output	Displays the final combined content (tweet and image link) in the chat interface.	Combined Content	Final Display Message

🧠 Notes

The workflow requires a valid OpenAI API key for both text and image generation components.
The quality and relevance of the final tweet and image depend heavily on the clarity and detail of the original article content.
The image generation is configured for the DALL·E 2 model by default, but this can be adjusted.
The system is designed to process one URL at a time in its current configuration.